CSS Units

CSS Units

CSS Units

CSS에서 사용할 수 있는 다양한 단위들이다.

  • Absolute Units

    • px

      스크린의 기본 단위이다. 1in의 1/96 값을 나타낸다.
  • Angle Units

  • Font Units

    • em

      대상 요소의 폰트 크기를 상대 단위의 기준으로 사용한다.
    • lh

      대상 요소의 줄 높이를 상대 단위의 기준으로 사용한다.
    • rem

      html 요소의 폰트 크기를 상대 기준으로 사용한다.
    • rlh

      html 요소의 줄 높이를 상대 단위의 기준으로 사용한다.
  • Frequency Units

    진동수 단위
  • Relative Units

    • fr

      그리드 컨테이너 내에서 남은 공간에 대한 차지하는 비율 값을 나타낸다.
    • vh

      뷰포트 높이를 상대적으로 1% 높이를 갖는다.
    • vi

      html 요소의 인라인 축 방향으로 뷰포트 길이의 1%를 나타낸다.
    • vmax

      뷰포트의 가로와 세로 크기 중 큰쪽의 1%를 나타낸다.
    • vmin

      뷰포트의 가로와 세로 크기 중 작은쪽의 1%를 나타낸다.
    • vw

      뷰포트 너비를 상대적으로 1% 폭을 갖는다.
  • Resolution Units

    해상도 단위
  • Time Units