커뮤니티

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

Category

교육강좌

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

페이지 정보

작성자 관리자 댓글 0건 조회 5,844회 작성일 20-07-20 13:24

본문

font-weight

Summary

글꼴의 굵기를 지정한다.

normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit
기본값 normal
적용대상 모든요소
상속 상속됨
퍼센테이지 지정불가
미디어 Visual

Value

  • normal : 글꼴을 400과 같은 굵기로 지정한다.
  • bold : 두껍게 지정한다. 글꼴을 700과 같은 굵기로 지정한다.
  • bolder : 더욱 두껍게 지정한다. 상속된 굵기가 900이면 굵기가 변경되지 않는다.
  • lighter : 더욱 얇게 지정한다. 상속된 굵기가 100이면 굵기가 변경되지 않는다.
  • 100 ~ 900 : 글꼴을 100단위의 9가지 단계의 굵기로 지정한다.

Tip

  1. 다음의 예제와 같이 사용할 수 있다. (sample)
    1
    2
    3
    p {
    font-weight: bold;
    }
  2. 위 sample에서 보는바와 같이 대부분의 경우 글꼴 패밀리에서 9단계의 굵기를 지원하지 않기 때문에 이처럼 세밀한 설정은 불가능하다.
  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기

답변목록

등록된 답변이 없습니다.