최신 웹 개발 튜토리얼
 

Style width Property

<스타일 개체

(A)의 폭 설정 <button> 요소 :

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

정의 및 사용

폭 속성을 설정하거나 폭을 요소를 반환합니다.

width 속성은 블록 레벨 요소 또는 절대 위치와 고정 요소에 영향을 미친다. 넘쳐 콘텐츠는 오버 플로우 속성을 조작 할 수 있습니다.

팁 : 사용하여 높이 를 설정하거나 요소의 높이를 반환하는 속성을.


브라우저 지원

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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


통사론

width 속성을 반환합니다 :

object .style.width

폭 속성을 설정 :

object .style.width="auto| 속성 값
기술
auto 브라우저는 폭을 설정합니다. 이 기본이다
length 길이 단위의 폭을 정의
% 부모 요소 %의 폭을 정의
initial 기본값으로이 속성을 설정합니다. 초기 읽기에 대한
inherit 부모 요소에서이 속성을 상속합니다. 대한 상속 읽기

기술적 세부 사항

기본값: 자동차
반환 값 : 소자의 폭을 나타내는 문자열
CSS 버전 CSS1

더 예

a의 폭 변경 <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 참조 : width property


<스타일 개체