Text-indent  편집

개요

이 속성은 요소의 첫 번째 행의 들여쓰기를 지정한다.

음수 값을 사용하면, 내어쓰기(hanging indent)와 같은 다양한 글자 효과를 줄 수 있다.

정의

Text-indent설명
<길이> | <백분율> | inherit
기본값0
적용대상블럭 레벨? 요소
상속
백분율용기 블럭의? 크기를 참조
미디어visual

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

예제

<!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 {text-indent: 1em;}
</style>
</head>
<body>
	<p>문단의 첫 줄을 들여쓰기 합니다. 문단과 문단을 구분하기 위해서 상하 간격을 주는 것보다 훨씬 세련되게 디자인할 수 있습니다.</p>
</body>
</html>

브라우저 호환성

IE6?IE7?FF2?Op9?
(Length)지원지원지원지원
(Percentage)지원지원지원지원
inherit미지원미지원지원지원

 
Be Friend~! Be Friend~!