HTML 너비 속성
정의 및 사용
width속성은 요소의 너비를 픽셀 단위로 지정합니다 .
참고: 입력 요소의 경우 width속성은 에만 사용됩니다
<input type="image">.
에 적용
속성 은 width다음 요소에 사용할 수 있습니다.
| 집단 | 기인하다 |
|---|---|
| <캔버스> | 너비 |
| <임베딩> | 너비 |
| <아이프레임> | 너비 |
| <img> | 너비 |
| <입력> | 너비 |
| <객체> | 너비 |
| <동영상> | 너비 |
예
캔버스 예
높이와 너비가 200픽셀인 <canvas> 요소:
<canvas id="myCanvas" width="200" height="200" style="border:1px solid">
포함 예
높이와 너비가 200픽셀인 플래시 애니메이션:
<embed src="helloworld.swf" width="200" height="200">
아이프레임 예시
지정된 높이와 너비가 200픽셀인 <iframe>:
<iframe src="/default.asp" width="200" height="200"></iframe>
이미지 예
높이와 너비가 42픽셀인 이미지:
<img src="smiley.gif" alt="Smiley face" height="42" width="42">
입력 예
높이 및 너비 속성을 사용하여 이미지를 제출 버튼으로 정의합니다.
<form action="/action_page.php">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<input type="image" src="img_submit.gif" alt="Submit" width="48" height="48">
</form>
개체 예
높이와 너비가 400픽셀인 플래시 애니메이션::
<object data="helloworld.swf" width="400" height="400"></object>
비디오 예
너비와 높이가 지정된 동영상 플레이어:
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
브라우저 지원
특성 은 width각 요소에 대해 다음 브라우저 지원을 가집니다.
| Element | |||||
|---|---|---|---|---|---|
| canvas | 4.0 | 9.0 | 2.0 | 3.1 | 9.0 |
| embed | Yes | Yes | Yes | Yes | Yes |
| iframe | Yes | Yes | Yes | Yes | Yes |
| img | Yes | Yes | Yes | Yes | Yes |
| input | 1.0 | Yes | 16.0 | Yes | 1.0 |
| object | Yes | Yes | Yes | Yes | Yes |
| width | Yes | Yes | Yes | Yes | Yes |