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 |