English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS 참조 가이드

CSS @규칙(RULES)

CSS 속성 전체

CSS font-style 속성 사용 방법 및 예제

font-style CSS 속성은 요소의 텍스트 내용의 글자 스타일을 정의합니다。

아래 표는 이 속성의 사용 설명과 버전 기록, 그리고 JavaScript 스크립트에서 이 속성의 사용 문법을 설명합니다。

기본 값:normal
적용 가능한 대상:모든 요소
thừa kế:
애니메이션 가능:아니요。참조하십시오 애니메이션 속성
버전:CSS 1,2,3
JavaScript 문법:object.style.fontStyle="italic"

font-style 사용 문법

이 속성의 문법은 다음과 같습니다:

font-style: normal | italic | oblique | initial | inherit

아래 예제는 font를 사용하는 방법을 보여줍니다-style 속성。

  p {
   font-style: italic;
  }
테스트를 보려면‹/›

속성 값

아래 표는 이 속성의 값을 설명합니다。

설명
normal브라우저는 표준 글자 스타일을 표시합니다。
italic브라우저는 이탈릭 글자의 글자 스타일을 표시합니다。
oblique브라우저는 이탈릭 글자의 글자 스타일을 표시합니다。
inherit지정된 경우, 관련 요소는 부모 요소의 font를 사용합니다-style의 속성 값。

주의:이탈릭이나倾斜이 사용할 수 없을 경우, 평면에 기울임 변환을 적용하여 평면을 합성하여 평면을 렌더링할 수 있습니다。

브라우저 호환성

font-style 속성의 브라우저 호환성, 아래 표의 숫자는 이 속성을 지원하는 브라우저의 최소 버전 번호를 나타냅니다; 모든 주요 브라우저는 이 속성을 지원합니다。

  • 파이어폭스 1+

  • 구글 크롬1+

  • 인터넷 익스플로러 4+

  • 애플 사파리 1+

  • 오페라 7+

추가적인 독서

다음 튜토리얼을 참조하십시오:CSS 폰트CSS 텍스트

관련 속성과 규칙:fontfont-variantfont-weightfont-sizeline-heightfont-family@font-face