Text-align 편집

Table of Contents (보이기↓)

edit

개요

이 속성은 요소가 포함한 인라인 요소의 수평 정렬을 지정한다.

주로 글자의 수평 정렬을 지정할 때 사용하며, 요소 안에 포함한 이미지나 인풋 박스나 라디오 버튼 같은 폼 요소와 같은 인라인 요소의 수평 졍렬도 지정할 수 있다.

블록 요소의 수평 정렬은 margin-left, margin-right 속성으로 지정한다.

edit

정의

Text-align설명
값left | right | center | justify | <문자열?> | inherit
기본값화면 표시 장치의 기본 스타일 참조
적용대상블럭 레벨? 요소
상속됨
백분율사용 불가
미디어visual

edit

값

값설명
left왼쪽으로 정렬하도록 지정한다.
right오른쪽으로 정렬하도록 지정한다.
center가운데으로 정렬하도록 지정한다.
justify좌우 양쪽으로 정렬하도록 지정한다.
문자열-
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 {text-align: left}
</style>
</head>
<body>
	<p>왼쪽으로 정렬하도록 지정한다.</p>
</body>
</html>

<!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-align: right}
</style>
</head>
<body>
	<p>오른쪽으로 정렬하도록 지정한다.</p>
</body>
</html>

<!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-align: center}
</style>
</head>
<body>
	<p>수평으로 가운데에 정렬하도록 지정한다.</p>
</body>
</html>

edit

브라우저 호환성

값IE6?IE7?FF2?Op9?
left지원지원지원지원
right지원지원지원지원
center지원지원지원지원
justify지원지원지원지원
inherit미지원미지원지원지원

Wiki Trail: < text-indent | 문서 목록 | white-space >

 
Be Friend~! Be Friend~!