커뮤니티

고용노동부, 산업인력공단과 함께하는 강원도 유일한 기업중심 IT전문교육기관 ICT융합캠퍼스만의 특별한교육입니다.
공인 IT숙련기술인의 다양한 접근방법으로 전문가다운 실무교육을 받을 수 있습니다.

Category

교육강좌

클라이언트 CSS 사전 - font-size

페이지 정보

작성자 관리자 댓글 0건 조회 2,262회 작성일 20-07-20 13:25

본문

font-size

Summary

글꼴의 크기를 지정한다.

<절대 크기> | <상대 크기> | <길이> | <백분율> | inherit
기본값medium
적용대상모든요소
상속상속됨
퍼센테이지부모요소의 글꼴 사이즈를 참조
미디어Visual

Value

  • 절대 크기 : xx-small | x-small | small | medium | large | x-large | xx-large 를 절대 사이즈로 지정할 수 있다.
    서로 인접한 절대크기의 비율이 1.2 배율의 차이를 가진다. 예를 들여 medium이 12pt라면 large는 14.4pt의 크기를 가진다. [sample]
  • 상대 크기 :  larger | smaller 를 상대 사이즈로 지정할 수 있다.
    예를 들어 부모 엘리먼트의 크기가 medium이라면 상대크기 larger는 현재 엘리먼트의 크기를 large로 만든다 . [sample]
  • 길이 : 글꼴의 크기를 길이로 지정한다.
    음수값은 지정할 수 없다. 절대적 글꼴 크기값을 지정한다. 단위로 em, ex를 사용할때는 부모요소의 글꼴 사이즈를 참조한다. [sample]
  • 백분율 : 부모요소의 글꼴크기에 대한 퍼센테이지로 지정한다. 음수값은 지정 할 수 없다. 백분율 값이나 'em'단위의 폰트사이즈들은 스타일시트를 효과적으로 케스케이딩하기 쉽게 해준다. [sample]

Tip

  1. 다음과 같이 사용할 수 있다.
    1
    2
    3
    p {
    font-size: small;
    }
  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기

답변목록

등록된 답변이 없습니다.