[font] CSS - font-style 속성 - 글자기울기 (= 이텔릭체 여부 = 이탤릭 글씨체 = 글자 기울려쓰기 = 글자모양 = font-style속성 = 폰트스타일속성)

목차

1. font-style 예제 - 글자 기울기
2. font-style 정의
3. font-style 구문

font-style 예제 - 글자 기울기

 

<style>

* {font-size:30px;}

.normal {font-style: normal;}

.italic {font-style: italic;}

.oblique {font-style: oblique;}

</style>

 

<p class="normal">normal - 홈짱닷컴 (homzzang.com)</p>

<p class="italic">italic - 홈짱닷컴 (homzzang.com)</p>

<p class="oblique">oblique - 홈짱닷컴 (homzzang.com)</p>

결과보기

font-style 정의

 

글자 기울임 여부 지정. 

 

---

 

1.

• 기본값: normal
• 상속여부: O
• 애니가능: X
• CSS버전: CSS1
• JS구문: object.style.fontStyle="italic"

2.

주요 브라우저 모두 지원. 

 

font-style 구문

 

선택자 {font-style:속성값; }

 

---

[속성값] 

normal
보통 상태. (※ 안 기울려 쓴 상태.) (기본값)

 

italic
이탤릭체. (※ italic 글씨체로 디자인 된 폰트 사용.)

 

oblique
기울임체. (※ normal 상태 글씨를 그냥 기울려 씀.)

 

initial

이 속성의 기본값 사용.

 

inherit

부모 요소의 스타일을 상속