본문 바로가기

'.' Programs/CSS

Font-Style


Font-Style

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

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

정의

font-style

설명

normal | italic | oblique | inherit

기본값

화면 표시 장치의 기본 스타일 참조

적용대상

모든 요소

상속

백분율

사용 불가

미디어

visual

설명

normal

정상적인 형태를 지정한다.

oblique

기운 형태를 지정한다. 글꼴에 기운 형태가 없으면 'italic'으로 표현된다.

italic

이태릭 형태로 지정한다. 글꼴에 기운 형태가 없으면 'oblique'로 표현된다.

inherit

부모 요소의 값을 상속하도록 지정한다.

-------------------------------------------------------------------------------------------------------

예제

View Source :

<style>
span {font-style: italic;}
</style>
<body>
<p>본문의 일부 단어를 <span>이탤릭체(italic)</span>로 지정합니다.</p>
</body>

Result :


-------------------------------------------------------------------------------------------------------

예제

View Source :

<style>
 em.my {font-style: normal;}
</style>
<body>
 <p>기본 스타일이 이탤릭체인 <<em>em</em>> 요소를 <em class="my">보통</em>으로 변경합니다.</p>
</body>
Result :

''.' Programs > CSS' 카테고리의 다른 글

Font - Size  (0) 2012.03.20
Font-Size-Adjust  (0) 2012.03.20
Font-Variant  (0) 2012.03.20
Font-Stretch  (0) 2012.03.20
Font  (0) 2012.03.20