Width 편집

Table of Contents (보이기↓)

edit

개요

이 속성은 요소의 넓이(가로 크기)를 지정한다. 블록레벨과 대체된 요소에게 지정할 수 있으나, 인라인 요소에게 지정할 수 없다.

edit

정의

Width설명
값<길이> | <백분율> | auto | inherit
기본값auto
적용대상대체되지 않은 인라인? 요소와 테이블 행?/열을? 제외한 모든 요소
상속안됨
백분율용기 블럭의? 크기를 참조
미디어visual

edit

값

값설명
<길이>길이를 지정한다.
<백분율>백분율(%) 값을 지정한다. 부모 요소를 기준으로 계산된다.
inherit부모 요소의 값을 상속하도록 지정한다.

edit

예제

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
	p {
	width: 300px;
	border:1px solid #ccc;
	}
</style>
</head>
<body>
	<p>
	본문의 가로 크기(넓이)를 300px로 지정합니다. 
	본문의 내용은 가로 크기에 맞게 자동으로 줄바꿈됩니다.
	</p>
</body>
</html>

edit

브라우저 호환성

값IE6?IE7?FF2?Op9?
(Length)불안정불안정지원지원
(Percentage)불안정불안정지원지원
auto불안정지원지원지원
inherit미지원미지원지원지원

Wiki Trail: < clear | 문서 목록 | min-width >

 
Be Friend~! Be Friend~!