최신 웹 개발 튜토리얼
 

Style bottom Property

<스타일 개체

(A)의 저면 위치 설정 <button> 요소 :

document.getElementById("myBtn").style.bottom = "100px";
»그것을 자신을 시도

정의 및 사용

바닥 또는 속성 집합은 위치 소자의 저면 위치를 반환한다.

이 속성은 패딩, 스크롤, 테두리와 마진을 포함한 요소의 하단에 위치를 지정합니다.

Tip: 상대 절대되거나 고정하십시오 위치 소자의 위치 특성 세트를 갖는 원소이다.

팁 : 설정하거나 위치 요소의 상단 위치를 반환하려면, 사용 상위 속성을.


브라우저 지원

Internet ExplorerFirefoxOperaGoogle ChromeSafari

하단 속성은 모든 주요 브라우저에서 지원됩니다.


통사론

하단의 속성을 반환 :

object .style.bottom

하단의 속성을 설정합니다 :

object .style.bottom="auto| 속성 값
기술
auto 하단의 위치를 ​​설정 브라우저를 할 수 있습니다. 이 기본이다
length 길이 단위로 아래 위치를 정의합니다. 음수 값이 허용됩니다
% 부모 요소의 높이 %의 하단 위치를 설정
initial 기본값으로이 속성을 설정합니다. 초기 읽기에 대한
inherit 부모 요소에서이 속성을 상속합니다. 대한 상속 읽기

기술적 세부 사항

기본값: 자동차
반환 값 : 위치 지정 부재의 저부 위치를 나타내는 문자열
CSS 버전 CSS2

더 예

a의 하단에 위치 설정 <div> 요소를 :

document.getElementById("myDiv").style.bottom = "10px";
»그것을 자신을 시도

음의 값을 이용하여 - (A)의 저면 위치 설정 <div> 요소 :

document.getElementById("myDiv").style.bottom = "-100px";
»그것을 자신을 시도

a의 하단에 위치 돌아 가기 <div> 요소를 :

alert(document.getElementById("myDiv").style.bottom);
»그것을 자신을 시도

관련 페이지

CSS 자습서 : CSS의 위치

CSS 참조 : bottom property


<스타일 개체