Font-style 편집

Table of Contents (보이기↓)

edit

개요

이 속성은 요소의 글꼴 스타일을 지정한다. 약간 기울어진 italic이나 45' 기울어진 oblique, 그리고 정상 스타일을 지정할 수 있다.

대부분의 글꼴은 italic 스타일을 내장하고 있지만, oblique은 그렇지 않으므로, 브라우저는 italic과 oblique을 동일하게 표현한다.

edit

정의

Font-style설명
값normal | italic | oblique | inherit
기본값화면 표시 장치의 기본 스타일 참조
적용대상모든 요소
상속됨
백분율사용 불가
미디어visual

edit

값

값설명
normal정상적인 형태를 지정한다.
oblique기운 형태를 지정한다. 글꼴에 기운 형태가 없으면 'italic'으로 표현된다.
italic이태릭 형태로 지정한다. 글꼴에 기운 형태가 없으면 'oblique'로 표현된다.
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">
	span {font-style: italic;}
</style>
</head>
<body>
	<p>본문의 일부 단어를 <span>이탤릭체(italic)</span>로 지정합니다.</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">
	span {font-style: oblique;}
</style>
</head>
<body>
	<p>본문의 일부 단어를 <span>기울림체(oblique)</span>로 지정합니다.</p>
</body>
</html>

edit

브라우저 호환성

값IE6IE7FF2Op9
normal지원지원지원지원
italic지원지원지원지원
oblique지원지원지원지원
inherit미지원미지원지원지원

Wiki Trail: < font-size-adjust | 문서 목록 | font-variant >

 
Be Friend~! Be Friend~!