CSS 참조 매뉴얼

CSS @규칙(RULES)

bottom CSS 속성은 정위치 요소의 하단이 참조 요소 상자나 브라우저 창의 하단에 대한 오프셋을 지정합니다.

요소에 대해, 이 bottom 속성은 요소의 상자의 하단 경계가 포함 블록의 하단 경계 위에 이동하는 거리를 지정합니다.绝对定位的절대 위치의
요소에 대해, 이 bottom 속성은 요소의 상자의 하단 경계가 포함 블록의 하단 경계 위에 이동하는 거리를 지정합니다.상대 위치의요소, 이 bottom 속성은 상자의 하단 경계를 상자 본체의 하단 경계에 대한 이동량으로 지정합니다(즉, 상자가 정상 흐름에서 위치를 지정된 후 이러한 속성에 따라 이 위치에서 이동합니다).

아래 표는 이 속성의 사용 설명과 버전 기록, 그리고 이 속성이 JavaScript 스크립트에서 사용하는 문법을 설명합니다.

이 속성의 문법은 다음과 같습니다:

bottom: length | percentage | auto | initial | inherit

아래 예제는 bottom 속성을 사용하는 방법을 보여줍니다.

예제

　　p {
　　　position: absolute;
　　　bottom:　150px;
　　}

아래 표는 이 속성의 값을 설명합니다.

값	설명
length	이동량을 px, pt, cm, em 등의 단위로 표시된 길이 값으로 지정합니다. 음수 길이 값을 사용할 수 있습니다.
percentage	백분율 이동량을 지정합니다. 요소의 포함 블록의 높이에 대한 백분율을 계산합니다. 음수 백분율 값을 사용할 수 있습니다.
auto	브라우저가 하단 경계 위치를 계산합니다. 이는 기본 값입니다.
initial	이 속성을 기본 값으로 설정합니다.
inherit	지정된 경우, 관련 요소는 부모 요소의 bottom 속성 값을 사용합니다.

bottom 속성의 브라우저 호환성을 확인하십시오. 아래 표의 숫자는 이 속성을 지원하는 브라우저의 최소 버전 번호를 나타냅니다. 모든 주요 브라우저는 이 속성을 지원합니다.

	Firefox 1+ Google Chrome1+ Internet Explorer 5+ Apple Safari 1+ 오페라 6+

다음 튜토리얼을 참조하십시오:CSS 위치 (position)，CSS 층。

관련 속성:position，top，right，left，z-index。