Properties

Properties

Editing
  • account_tree
  • bug_report

font-style

글꼴의 모양을 설정한다.

설명

기본 값은 normal이다.

사용 가능한 값 타입

<'font-style'>

DEVDIC-Specified Data Types

font-style 속성에 사용되는 타입이다.

  • CSS Fonts Module Level 3
    normal | italic | oblique
  • CSS Fonts Module Level 4
    normal | italic | oblique <angle>?

    CSS Fonts Module Level 4에서는 oblique를 지정시 각도를 직접 지정할 수 있다. -90deg보다 작은 값이나 90deg보다  큰 값은 유효하지 않다. 각도가 지정되지 않으면 14deg로 처리한다.

    현재 파이어폭스(Firefox)는 지원하지만 다른 웹브라우저는 확인이 필요하다.

포함된 타입

아래 유형에서 지원하는 모든 키워드와 단위를 사용하지 않을 수도 있다.

  • <angle>

    0~360도 범위의 각도 값을 deg(도), grad(그레이드), rad(라디안), turn(턴) 단위로 표현한다.

    <angle> 데이터 타입은 <number> 타입의 값 다음에 사용 가능한 단위를 붙여 구성한다. 숫자와 단위 사이에 공백은 허용하지 않는다. 0인 경우에는 단위를 붙이지 않아도 된다.

    선택적으로 +, - 부호를 사용하여 양수와 음수 값을 구분하여 설정할 수 있다. 양수의 경우는 시계 방향, 음수의 경우에는 시계 반대 방향의 회전을 의미한다.

    Details

    사용되는 단위

    아래의 모든 단위를 사용할 수 있는지 확인해야 할 수도 있다.

    • deg

      보통 1도라고 불리는 단위를 말하며 360deg가 완전한 원을 만든다.

    • grad

      400grad(그라디안)은 완전한 원을 만든다.

    • rad

      2π(라디안)이 완전한 원을 만든다.

    • turn

      1turn(턴)이 완전한 원을 만든다.

    관련 함수

    모든 함수를 표시하지 않을 수도 있다.

사용되는 키워드

  • italic

    기울임꼴로 지정된 글꼴을 사용한다. 만약에 사용할 수 없다면 비스듬한 글꼴(oblique)을 사용한다. 둘 다 사용할 수 없다면 인위적으로 시물레이션이 된다.

  • normal

    기울임꼴이나 비스듬한 형태가 아닌 일반 형태를 나타낸다.

  • oblique

    비스듬한 면으로 지정된 글꼴을 선택한다. 면이 비스듬한 글꼴을 사용할 수 없다면 기울임꼴(italic)로 분류된 면이 대신 사용된다. 둘 다 사용할 수 없다면 인위적으로 시물레이션 된다.

    추가적으로 <angle> 값을 사용하여 기울기 각도를 조정할 수 있다.

    현재 파이어폭스 이외의 웹브라우저는 확인이 필요하다.

다음은 필요에 따라 일부 값을 설명하므로 표시되지 않는 값은 값 유형을 참조하라.

  • 〈'font-style'〉normal
    CSS Fonts Module Level 3

    기울임꼴이나 비스듬한 형태가 아닌 일반 형태를 나타낸다.

  • CSS Fonts Module Level 3

    기울임꼴로 지정된 글꼴을 사용한다. 만약에 사용할 수 없다면 비스듬한 글꼴(oblique)을 사용한다. 둘 다 사용할 수 없다면 인위적으로 시물레이션이 된다.

    Example
  • 비스듬한 면으로 지정된 글꼴을 선택한다. 면이 비스듬한 글꼴을 사용할 수 없다면 기울임꼴(italic)로 분류된 면이 대신 사용된다. 둘 다 사용할 수 없다면 인위적으로 시물레이션 된다.

    추가적으로 <angle> 값을 사용하여 기울기 각도를 조정할 수 있다.

    현재 파이어폭스 이외의 웹브라우저는 확인이 필요하다.

구문

  • font-style: italic;
    CSS Fonts Module Level 3
  • object.style.fontStyle = "italic";
    CSS Fonts Module Level 3

테스트 도구

font-style 속성 테스트

버전 명세

Modules
Module NameStatusSummary
CSS Fonts Module Level 4초안 작업

Last review date: 2022-6-18

CSS Fonts Module Level 3권장

Last review date: 2022-6-18

지원 웹브라우저