CSS 하단 속성
예시
위치를 지정하여 <div> 요소의 아래쪽 가장자리를 가장 가까운 부모 요소의 아래쪽 가장자리보다 10px 위로 설정합니다.
div.absolute {
position: absolute;
bottom:
10px;
width: 50%;
border: 3px solid #8AC007;
}
정의 및 사용
속성 은 bottom
배치된 요소의 수직 위치에 영향을 줍니다. 이 속성은 위치가 지정되지 않은 요소에는 영향을 미치지 않습니다.
- 위치인 경우: 절대; 또는 위치: 고정; -
bottom
속성은 요소의 아래쪽 가장자리를 가장 가까운 위치에 있는 조상의 아래쪽 가장자리 위/아래 단위로 설정합니다. - 위치인 경우: 상대; -
bottom
속성은 요소의 아래쪽 가장자리가 정상 위치 위/아래로 이동하도록 합니다. - 위치인 경우: 끈적임; -
bottom
속성은 요소가 뷰포트 내부에 있을 때 위치가 상대적인 것처럼 동작하고 외부에 있을 때 위치가 고정된 것처럼 작동합니다. - 위치: 정적; -
bottom
속성은 효과가 없습니다.
브라우저 지원
표의 숫자는 속성을 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
Property | |||||
---|---|---|---|---|---|
bottom | 1.0 | 5.0 | 1.0 | 1.0 | 6.0 |
CSS 구문
bottom: auto|length|initial|inherit;
속성 값
Value | Description | Play it |
---|---|---|
auto | Lets the browser calculate the bottom edge position. This is default | |
length | Sets the bottom edge position in px, cm, etc. Negative values are allowed. Read about length units | |
% | Sets the bottom edge position in % of containing element. Negative values are allowed | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
관련 페이지
CSS 튜토리얼: CSS 포지셔닝
CSS 참조: top 속성
CSS 참조: 왼쪽 속성
CSS 참조: 오른쪽 속성
HTML DOM 참조: 하단 속성