Style bottom 속성

정의와 사용법

bottom 위치 요소의 하단 위치를 설정하거나 반환하는 속성.

힌트:위치 요소는 position 속성이 relative, absolute 또는 fixed로 설정된 요소를 의미합니다.

힌트:위치 요소의 상단 위치를 설정하거나 반환하려면 top 속성을 사용하십시오.

다른 참조:

CSS 강의:CSS 정위치

CSS 참조 매뉴얼:bottom 속성

인스턴스

예제 1

<button> 요소의 하단 위치를 설정합니다:

document.getElementById("myBtn").style.bottom = "100px";

개인적으로 시도해 보세요

예제 2

<div> 요소의 하단 위치를 설정합니다:

document.getElementById("myDiv").style.bottom = "10px";

개인적으로 시도해 보세요

예제 3

음수 값을 사용하여 <div> 요소의 하단 위치를 설정합니다:

document.getElementById("myDiv").style.bottom = "-100px";

개인적으로 시도해 보세요

예제 4

<div> 요소의 하단 위치를 반환합니다:

alert(document.getElementById("myDiv").style.bottom);

개인적으로 시도해 보세요

문법

bottom 속성 반환:

object.style.bottom

bottom 속성 설정:

object.style.bottom = "auto|length|%|initial|inherit"

속성 값

값 설명
auto 브라우저가 하단 위치를 설정합니다. 기본값.
length 길이 단위로 하단 위치를 정의합니다. 음수 값을 허용합니다.
% 부모 요소 높이의 백분율로 하단 위치를 설정합니다.
initial 이 속성을 기본 값으로 설정합니다. 참조: initial.
inherit 부모 요소에서 이 속성을 상속받습니다. 참조: inherit.

기술 세부 사항

기본 값: auto
반환 값: 문자열, 위치 요소의 하단 위치를 나타냅니다.
CSS 버전: CSS2

브라우저 지원

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
지원 지원 지원 지원 지원