Text-transform 편집

Table of Contents (보이기↓)

edit

개요

이 속성은 요소 글자의 대/소문자를 전환한다.

edit

정의

Text-transform설명
값capitalize | uppercase | lowercase | none | inherit
기본값none
적용대상모든 요소
상속됨
백분율사용 불가
미디어visual

edit

값

값설명
capitalize단어의 첫번째 글자를 대문자로 지정한다.
uppercase단어의 모든 글자들 대문자로 지정한다.
lowercase소문자화단어의 모든 글자들 소문자로 지정한다.
none정상적으로 지정한다. 대/소문자 변형을 지정하지 않는다.
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-transform: capitalize}
</style>
</head>
<body>
	<p>declare text-transform capitalize. (단어의 첫글자를 대문자로 변경함.)</p>
</body>
</html>

edit

브라우저 호환성

값IE6?IE7?FF2?Op9?
capitalize지원지원지원지원
uppercase불안정불안정지원지원
lowercase불안정불안정지원지원
none지원지원지원지원
inherit미지원미지원지원지원

Wiki Trail: < text-decoration | 문서 목록 | text-shadow >

 
Be Friend~! Be Friend~!