스타일 너비 속성
예시
<button> 요소의 너비를 설정합니다.
document.getElementById("myBtn").style.width = "300px";
정의 및 사용
너비 속성은 너비 요소를 설정하거나 반환합니다.
너비 속성은 블록 수준 요소 또는 절대 위치 또는 고정 위치가 있는 요소에만 영향을 줍니다. 넘치는 콘텐츠는 overflow 속성으로 조작할 수 있습니다.
팁: height 속성을 사용 하여 요소의 높이를 설정하거나 반환합니다.
브라우저 지원
Property | |||||
---|---|---|---|---|---|
width | Yes | Yes | Yes | Yes | Yes |
통사론
너비 속성을 반환합니다.
object.style.width
너비 속성을 설정합니다.
object.style.width = "auto|length|%|initial|inherit"
속성 값
Value | Description |
---|---|
auto | The browser sets the width. This is default |
length | Defines the width in length units |
% | Defines the width in % of the parent element |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
기술적 세부 사항
기본값: | 자동 |
---|---|
반환 값: | 요소의 너비를 나타내는 문자열 |
CSS 버전 | CSS1 |
더 많은 예
예시
<div> 요소의 너비를 변경합니다.
document.getElementById("myDIV").style.width = "500px";
예시
<img> 요소의 높이와 너비 변경:
document.getElementById("myImg").style.height = "300px";
document.getElementById("myImg").style.width = "300px";
예시
<img> 요소의 너비를 반환합니다.
alert(document.getElementById("myImg").style.width);
관련 페이지
CSS 튜토리얼: CSS 차원
CSS 튜토리얼: CSS 상자 모델
CSS 참조: 너비 속성
❮ 스타일 개체