• Skip to main content
  • Skip to search
  • Skip to select language
MDN Web Docs
  • References
    • Overview / Web Technology

      Web technology reference for developers

    • HTML

      Structure of content on the web

    • CSS

      Code used to describe document style

    • JavaScript

      General-purpose scripting language

    • HTTP

      Protocol for transmitting web resources

    • Web APIs

      Interfaces for building web applications

    • Web Extensions

      Developing extensions for web browsers

    • Web Technology

      Web technology reference for developers

  • Guides
    • Overview / MDN Learning Area

      Learn web development

    • MDN Learning Area

      Learn web development

    • HTML

      Learn to structure web content with HTML

    • CSS

      Learn to style content using CSS

    • JavaScript

      Learn to run scripts in the browser

    • Accessibility

      Learn to make the web accessible to all

  • Plus
    • Overview

      A customized MDN experience

    • AI Help (beta)

      Get real-time assistance and support

    • Updates

      All browser compatibility updates at a glance

    • Documentation

      Learn how to use MDN Plus

    • FAQ

      Frequently asked questions about MDN Plus

  • Blog
  • Play
  • AI Help Beta
  • Log in
  • Sign up for free
  1. 개발자를 위한 웹 기술
  2. CSS
  3. CSS Charsets

이 페이지는 영어로부터 커뮤니티에 의하여 번역되었습니다. MDN Web Docs에서 한국 커뮤니티에 가입하여 자세히 알아보세요.

In this article

  • 참고서
  • 명세서
  1. CSS
  2. 자습서
  3. CSS 기초
  4. CSS 첫 번째 단계
    1. CSS 첫 번째 단계
    2. CSS란 무엇인가?
    3. CSS 시작하기
    4. CSS의 구조
    5. CSS 작동 방식
    6. 과제: 프로필 페이지 만들기
  5. CSS 구성요소
    1. CSS 구성요소
    2. CSS 선택자
    3. Type, class, and ID selectors
    4. Attribute selectors
    5. Pseudo-classes and pseudo-elements
    6. Combinators
    7. 계단식 및 상속
    8. Cascade layers
    9. 박스 모델
    10. 배경 및 테두리
    11. 텍스트 표시 방향 제어하기
    12. 콘텐츠 overflow
    13. CSS 값과 단위
    14. CSS에서 항목 크기 조정
    15. 이미지, 미디어 및 양식 요소
    16. 표 꾸미기
    17. CSS 디버깅
    18. CSS 구성 (en-US)
    19. 과제: 기본적인 CSS 이해 (en-US)
    20. 과제: 이쁜 레터 모양 종이 만들기
    21. 과제: 멋진 박스 만들기
  6. 텍스트 꾸미기
    1. 텍스트 꾸미기
    2. 기본적인 텍스트 및 글꼴 꾸미기
    3. 목록 꾸미기
    4. 링크 꾸미기
    5. 웹 글꼴
    6. 과제: 학교 홈페이지 만들기
  7. CSS 레이아웃
    1. CSS 레이아웃
    2. CSS 레이아웃 입문서
    3. 일반 대열
    4. 플렉스박스
    5. 그리드
    6. Floats
    7. 위치 잡기
    8. 다단 레이아웃
    9. 반응형 디자인
    10. 초보자를 위한 미디어 쿼리 안내서
    11. 레거시 레이아웃 메서드
    12. 이전 브라우저 지원
    13. 과제 기본적인 레이아웃 사용하기 (en-US)
  8. CSS 참고서
  9. Modules
    1. CSS animations (en-US)
    2. CSS backgrounds and borders
    3. CSS basic user interface
    4. CSS box alignment (en-US)
    5. CSS box model
    6. CSS cascade and inheritance (en-US)
    7. CSS cascading variables
    8. CSS charsets
    9. CSS color adjustment (en-US)
    10. CSS colors
    11. CSS compositing and blending
    12. CSS conditional rules
    13. CSS containment
    14. CSS counter styles
    15. CSS display (en-US)
    16. CSS filter effects
    17. CSS flexible box layout
    18. CSS font loading (en-US)
    19. CSS fonts
    20. CSS fragmentation (en-US)
    21. CSS generated content
    22. CSS grid layout
    23. CSS images
    24. CSS lists and counters
    25. CSS logical properties and values (en-US)
    26. CSS masking
    27. CSS media queries
    28. CSS miscellaneous
    29. CSS motion path (en-US)
    30. CSS multi-column layout
    31. CSS namespaces
    32. CSS nesting (en-US)
    33. CSS overflow (en-US)
    34. CSS paged media
    35. CSS positioned layout
    36. CSS pseudo-elements (en-US)
    37. CSS ruby layout
    38. CSS scoping (en-US)
    39. CSS scroll-driven animations (en-US)
    40. CSS scroll snap
    41. CSS scrollbars styling
    42. CSS selectors
    43. CSS shadow parts (en-US)
    44. CSS shapes
    45. CSS table
    46. CSS text
    47. CSS text decoration
    48. CSS transforms (en-US)
    49. CSS transitions
    50. CSS writing modes
    51. CSSOM view (en-US)
  10. Properties
    1. -moz-*
      1. -moz-float-edge (en-US) 비표준 지원이 중단되었습니다
      2. -moz-force-broken-image-icon (en-US) 비표준 지원이 중단되었습니다
      3. -moz-image-region 비표준
      4. -moz-orient (en-US) 비표준
      5. -moz-user-focus (en-US) 비표준
      6. -moz-user-input (en-US) 비표준 지원이 중단되었습니다
    2. -webkit-*
      1. -webkit-border-before (en-US) 비표준
      2. -webkit-box-reflect (en-US) 비표준
      3. -webkit-line-clamp
      4. -webkit-mask-attachment (en-US) 비표준
      5. -webkit-mask-box-image (en-US) 비표준
      6. -webkit-mask-composite (en-US) 비표준
      7. -webkit-mask-position-x (en-US) 비표준
      8. -webkit-mask-position-y (en-US) 비표준
      9. -webkit-mask-repeat-x (en-US) 비표준
      10. -webkit-mask-repeat-y (en-US) 비표준
      11. -webkit-overflow-scrolling 비표준
      12. -webkit-tap-highlight-color (en-US) 비표준
      13. -webkit-text-fill-color (en-US)
      14. -webkit-text-security (en-US) 비표준
      15. -webkit-text-stroke (en-US)
      16. -webkit-text-stroke-color (en-US)
      17. -webkit-text-stroke-width (en-US)
      18. -webkit-touch-callout (en-US) 비표준
    3. accent-color (en-US)
    4. align-*
      1. align-content
      2. align-items (en-US)
      3. align-self (en-US)
      4. align-tracks (en-US) Experimental
    5. all
    6. animation-*
      1. animation
      2. animation-composition (en-US)
      3. animation-delay
      4. animation-direction
      5. animation-duration
      6. animation-fill-mode
      7. animation-iteration-count (en-US)
      8. animation-name (en-US)
      9. animation-play-state (en-US)
      10. animation-range (en-US) Experimental
      11. animation-range-end (en-US) Experimental
      12. animation-range-start (en-US) Experimental
      13. animation-timeline (en-US) Experimental
      14. animation-timing-function (en-US)
    7. appearance (en-US)
    8. aspect-ratio (en-US)
    9. backdrop-filter
    10. backface-visibility
    11. background-*
      1. background
      2. background-attachment
      3. background-blend-mode (en-US)
      4. background-clip
      5. background-color
      6. background-image
      7. background-origin
      8. background-position (en-US)
      9. background-position-x (en-US)
      10. background-position-y (en-US)
      11. background-repeat
      12. background-size (en-US)
    12. block-size (en-US)
    13. border-*
      1. border
      2. border-block (en-US)
      3. border-block-color (en-US)
      4. border-block-end (en-US)
      5. border-block-end-color (en-US)
      6. border-block-end-style (en-US)
      7. border-block-end-width (en-US)
      8. border-block-start (en-US)
      9. border-block-start-color (en-US)
      10. border-block-start-style (en-US)
      11. border-block-start-width (en-US)
      12. border-block-style (en-US)
      13. border-block-width (en-US)
      14. border-bottom
      15. border-bottom-color
      16. border-bottom-left-radius (en-US)
      17. border-bottom-right-radius (en-US)
      18. border-bottom-style
      19. border-bottom-width
      20. border-collapse
      21. border-color
      22. border-end-end-radius (en-US)
      23. border-end-start-radius (en-US)
      24. border-image
      25. border-image-outset
      26. border-image-repeat
      27. border-image-slice
      28. border-image-source
      29. border-image-width
      30. border-inline (en-US)
      31. border-inline-color (en-US)
      32. border-inline-end (en-US)
      33. border-inline-end-color (en-US)
      34. border-inline-end-style (en-US)
      35. border-inline-end-width (en-US)
      36. border-inline-start (en-US)
      37. border-inline-start-color (en-US)
      38. border-inline-start-style (en-US)
      39. border-inline-start-width (en-US)
      40. border-inline-style (en-US)
      41. border-inline-width (en-US)
      42. border-left
      43. border-left-color
      44. border-left-style
      45. border-left-width
      46. border-radius
      47. border-right
      48. border-right-color
      49. border-right-style
      50. border-right-width
      51. border-spacing
      52. border-start-end-radius (en-US)
      53. border-start-start-radius (en-US)
      54. border-style
      55. border-top
      56. border-top-color
      57. border-top-left-radius (en-US)
      58. border-top-right-radius (en-US)
      59. border-top-style
      60. border-top-width
      61. border-width
    14. bottom (en-US)
    15. box-*
      1. box-align (en-US) 비표준 지원이 중단되었습니다
      2. box-decoration-break (en-US)
      3. box-direction (en-US) 비표준 지원이 중단되었습니다
      4. box-flex (en-US) 비표준 지원이 중단되었습니다
      5. box-flex-group (en-US) 비표준 지원이 중단되었습니다
      6. box-lines (en-US) 비표준 지원이 중단되었습니다
      7. box-ordinal-group (en-US) 비표준 지원이 중단되었습니다
      8. box-orient (en-US) 비표준 지원이 중단되었습니다
      9. box-pack (en-US) 비표준 지원이 중단되었습니다
      10. box-shadow (en-US)
      11. box-sizing
    16. break-*
      1. break-after (en-US)
      2. break-before (en-US)
      3. break-inside (en-US)
    17. caption-side (en-US)
    18. caret-color (en-US)
    19. clear
    20. clip (en-US) 지원이 중단되었습니다
    21. clip-path
    22. color
    23. color-scheme (en-US)
    24. column-*
      1. column-count (en-US)
      2. column-fill (en-US)
      3. column-gap (en-US)
      4. column-rule (en-US)
      5. column-rule-color (en-US)
      6. column-rule-style (en-US)
      7. column-rule-width (en-US)
      8. column-span (en-US)
      9. column-width (en-US)
    25. columns (en-US)
    26. contain-*
      1. contain
      2. contain-intrinsic-block-size (en-US)
      3. contain-intrinsic-height (en-US)
      4. contain-intrinsic-inline-size (en-US)
      5. contain-intrinsic-size (en-US)
      6. contain-intrinsic-width (en-US)
    27. container-*
      1. container (en-US)
      2. container-name (en-US)
      3. container-type (en-US)
    28. content
    29. content-visibility (en-US) Experimental
    30. counter-*
      1. counter-increment (en-US)
      2. counter-reset (en-US)
      3. counter-set (en-US)
    31. cursor
    32. direction (en-US)
    33. display (en-US)
    34. empty-cells (en-US)
    35. filter
    36. flex-*
      1. flex
      2. flex-basis
      3. flex-direction
      4. flex-flow
      5. flex-grow
      6. flex-shrink
      7. flex-wrap
    37. float
    38. font-*
      1. font
      2. font-family (en-US)
      3. font-feature-settings
      4. font-kerning (en-US)
      5. font-language-override (en-US)
      6. font-optical-sizing (en-US)
      7. font-palette (en-US)
      8. font-size
      9. font-size-adjust (en-US)
      10. font-smooth (en-US) 비표준
      11. font-stretch (en-US)
      12. font-style (en-US)
      13. font-synthesis
      14. font-synthesis-position (en-US)
      15. font-synthesis-small-caps (en-US)
      16. font-synthesis-style (en-US)
      17. font-synthesis-weight (en-US)
      18. font-variant (en-US)
      19. font-variant-alternates (en-US)
      20. font-variant-caps (en-US)
      21. font-variant-east-asian (en-US)
      22. font-variant-emoji (en-US)
      23. font-variant-ligatures (en-US)
      24. font-variant-numeric (en-US)
      25. font-variant-position (en-US)
      26. font-variation-settings (en-US)
      27. font-weight
    39. forced-color-adjust (en-US)
    40. gap
    41. grid-*
      1. grid (en-US)
      2. grid-area (en-US)
      3. grid-auto-columns (en-US)
      4. grid-auto-flow (en-US)
      5. grid-auto-rows (en-US)
      6. grid-column (en-US)
      7. grid-column-end (en-US)
      8. grid-column-start (en-US)
      9. grid-row (en-US)
      10. grid-row-end (en-US)
      11. grid-row-start (en-US)
      12. grid-template (en-US)
      13. grid-template-areas (en-US)
      14. grid-template-columns
      15. grid-template-rows (en-US)
    42. hanging-punctuation (en-US)
    43. height
    44. hyphenate-character (en-US)
    45. hyphenate-limit-chars (en-US)
    46. hyphens
    47. image-*
      1. image-orientation (en-US)
      2. image-rendering
      3. image-resolution (en-US) Experimental
    48. initial-letter (en-US) Experimental
    49. initial-letter-align (en-US) Experimental
    50. inline-size (en-US)
    51. inset-*
      1. inset (en-US)
      2. inset-block (en-US)
      3. inset-block-end (en-US)
      4. inset-block-start (en-US)
      5. inset-inline (en-US)
      6. inset-inline-end (en-US)
      7. inset-inline-start (en-US)
    52. isolation
    53. justify-*
      1. justify-content
      2. justify-items (en-US)
      3. justify-self (en-US)
      4. justify-tracks (en-US) Experimental
    54. left (en-US)
    55. letter-spacing
    56. line-*
      1. line-break
      2. line-height (en-US)
      3. line-height-step (en-US) Experimental
    57. list-*
      1. list-style (en-US)
      2. list-style-image (en-US)
      3. list-style-position (en-US)
      4. list-style-type (en-US)
    58. margin-*
      1. margin
      2. margin-block (en-US)
      3. margin-block-end (en-US)
      4. margin-block-start (en-US)
      5. margin-bottom
      6. margin-inline (en-US)
      7. margin-inline-end (en-US)
      8. margin-inline-start (en-US)
      9. margin-left
      10. margin-right
      11. margin-top
      12. margin-trim (en-US) Experimental
    59. mask-*
      1. mask
      2. mask-border (en-US)
      3. mask-border-mode (en-US)
      4. mask-border-outset (en-US)
      5. mask-border-repeat (en-US)
      6. mask-border-slice (en-US)
      7. mask-border-source (en-US)
      8. mask-border-width (en-US)
      9. mask-clip (en-US)
      10. mask-composite (en-US)
      11. mask-image (en-US)
      12. mask-mode (en-US)
      13. mask-origin (en-US)
      14. mask-position (en-US)
      15. mask-repeat (en-US)
      16. mask-size (en-US)
      17. mask-type (en-US)
    60. masonry-auto-flow (en-US) Experimental
    61. math-*
      1. math-depth (en-US)
      2. math-shift (en-US) Experimental
      3. math-style (en-US)
    62. max-*
      1. max-block-size (en-US)
      2. max-height
      3. max-inline-size (en-US)
      4. max-width
    63. min-*
      1. min-block-size (en-US)
      2. min-height
      3. min-inline-size (en-US)
      4. min-width
    64. mix-blend-mode
    65. object-fit
    66. object-position
    67. offset-*
      1. offset (en-US)
      2. offset-anchor (en-US)
      3. offset-distance (en-US)
      4. offset-path (en-US)
      5. offset-position (en-US)
      6. offset-rotate (en-US)
    68. opacity
    69. order
    70. orphans (en-US)
    71. outline-*
      1. outline
      2. outline-color (en-US)
      3. outline-offset (en-US)
      4. outline-style
      5. outline-width
    72. overflow-*
      1. overflow
      2. overflow-anchor (en-US)
      3. overflow-block (en-US)
      4. overflow-clip-margin (en-US)
      5. overflow-inline
      6. overflow-wrap
      7. overflow-x (en-US)
      8. overflow-y (en-US)
    73. overlay (en-US) Experimental
    74. overscroll-*
      1. overscroll-behavior (en-US)
      2. overscroll-behavior-block (en-US)
      3. overscroll-behavior-inline (en-US)
      4. overscroll-behavior-x (en-US)
      5. overscroll-behavior-y (en-US)
    75. padding-*
      1. padding
      2. padding-block (en-US)
      3. padding-block-end (en-US)
      4. padding-block-start (en-US)
      5. padding-bottom
      6. padding-inline (en-US)
      7. padding-inline-end (en-US)
      8. padding-inline-start (en-US)
      9. padding-left
      10. padding-right
      11. padding-top
    76. page-*
      1. page (en-US)
      2. page-break-after (en-US)
      3. page-break-before (en-US)
      4. page-break-inside (en-US)
    77. paint-order
    78. perspective (en-US)
    79. perspective-origin (en-US)
    80. place-*
      1. place-content (en-US)
      2. place-items (en-US)
      3. place-self (en-US)
    81. pointer-events (en-US)
    82. position
    83. print-color-adjust (en-US)
    84. quotes (en-US)
    85. resize (en-US)
    86. right (en-US)
    87. rotate (en-US)
    88. row-gap (en-US)
    89. ruby-align (en-US) Experimental
    90. ruby-position (en-US)
    91. scale (en-US)
    92. scroll-*
      1. scroll-behavior (en-US)
      2. scroll-margin (en-US)
      3. scroll-margin-block (en-US)
      4. scroll-margin-block-end (en-US)
      5. scroll-margin-block-start (en-US)
      6. scroll-margin-bottom (en-US)
      7. scroll-margin-inline (en-US)
      8. scroll-margin-inline-end (en-US)
      9. scroll-margin-inline-start (en-US)
      10. scroll-margin-left (en-US)
      11. scroll-margin-right (en-US)
      12. scroll-margin-top (en-US)
      13. scroll-padding (en-US)
      14. scroll-padding-block (en-US)
      15. scroll-padding-block-end (en-US)
      16. scroll-padding-block-start (en-US)
      17. scroll-padding-bottom (en-US)
      18. scroll-padding-inline (en-US)
      19. scroll-padding-inline-end (en-US)
      20. scroll-padding-inline-start (en-US)
      21. scroll-padding-left (en-US)
      22. scroll-padding-right (en-US)
      23. scroll-padding-top (en-US)
      24. scroll-snap-align (en-US)
      25. scroll-snap-stop (en-US)
      26. scroll-snap-type (en-US)
      27. scroll-timeline (en-US) Experimental
      28. scroll-timeline-axis (en-US) Experimental
      29. scroll-timeline-name (en-US) Experimental
    93. scrollbar-*
      1. scrollbar-color (en-US)
      2. scrollbar-gutter (en-US)
      3. scrollbar-width (en-US)
    94. shape-*
      1. shape-image-threshold (en-US)
      2. shape-margin (en-US)
      3. shape-outside (en-US)
    95. tab-size
    96. table-layout (en-US)
    97. text-*
      1. text-align
      2. text-align-last (en-US)
      3. text-combine-upright (en-US)
      4. text-decoration
      5. text-decoration-color (en-US)
      6. text-decoration-line (en-US)
      7. text-decoration-skip (en-US) Experimental
      8. text-decoration-skip-ink (en-US)
      9. text-decoration-style (en-US)
      10. text-decoration-thickness (en-US)
      11. text-emphasis (en-US)
      12. text-emphasis-color (en-US)
      13. text-emphasis-position (en-US)
      14. text-emphasis-style (en-US)
      15. text-indent (en-US)
      16. text-justify (en-US)
      17. text-orientation (en-US)
      18. text-overflow (en-US)
      19. text-rendering (en-US)
      20. text-shadow (en-US)
      21. text-size-adjust (en-US) Experimental
      22. text-transform (en-US)
      23. text-underline-offset (en-US)
      24. text-underline-position (en-US)
      25. text-wrap (en-US)
    98. timeline-scope (en-US) Experimental
    99. top (en-US)
    100. touch-action (en-US)
    101. transform-*
      1. transform
      2. transform-box (en-US)
      3. transform-origin (en-US)
      4. transform-style (en-US)
    102. transition-*
      1. transition
      2. transition-behavior (en-US) Experimental
      3. transition-delay (en-US)
      4. transition-duration (en-US)
      5. transition-property (en-US)
      6. transition-timing-function (en-US)
    103. translate (en-US)
    104. unicode-bidi (en-US)
    105. user-modify (en-US) 비표준 지원이 중단되었습니다
    106. user-select
    107. vertical-align
    108. view-*
      1. view-timeline (en-US) Experimental
      2. view-timeline-axis (en-US) Experimental
      3. view-timeline-inset (en-US) Experimental
      4. view-timeline-name (en-US) Experimental
      5. view-transition-name (en-US) Experimental
    109. visibility
    110. white-space
    111. white-space-collapse (en-US) Experimental
    112. widows (en-US)
    113. width
    114. will-change
    115. word-break
    116. word-spacing
    117. writing-mode (en-US)
    118. z-index
    119. zoom (en-US) 비표준
  11. Selectors
    1. Attribute selectors
    2. Class selectors
    3. ID selectors
    4. & nesting selector (en-US)
    5. Type selectors
    6. Universal selectors
  12. Combinators
    1. Child combinator
    2. Column combinator (en-US) Experimental
    3. Descendant combinator
    4. Namespace separator (en-US)
    5. Next-sibling combinator
    6. Selector list
    7. Subsequent-sibling combinator
  13. Pseudo-classes
    1. :-moz-broken (en-US) 비표준
    2. :-moz-drag-over (en-US) 비표준
    3. :-moz-first-node (en-US) 비표준
    4. :-moz-handler-blocked (en-US) 비표준
    5. :-moz-handler-crashed (en-US) 비표준
    6. :-moz-handler-disabled (en-US) 비표준
    7. :-moz-last-node (en-US) 비표준
    8. :-moz-loading (en-US) 비표준
    9. :-moz-locale-dir(ltr) (en-US) 비표준
    10. :-moz-locale-dir(rtl) (en-US) 비표준
    11. :-moz-only-whitespace (en-US) 비표준
    12. :-moz-submit-invalid (en-US) 비표준
    13. :-moz-suppressed (en-US) 비표준
    14. :-moz-user-disabled (en-US) 비표준
    15. :-moz-window-inactive (en-US) 비표준
    16. :active
    17. :any-link (en-US)
    18. :autofill (en-US)
    19. :blank (en-US) Experimental
    20. :buffering (en-US)
    21. :checked
    22. :current (en-US)
    23. :default
    24. :defined
    25. :dir() (en-US)
    26. :disabled
    27. :empty (en-US)
    28. :enabled
    29. :first
    30. :first-child
    31. :first-of-type
    32. :focus
    33. :focus-visible (en-US)
    34. :focus-within
    35. :fullscreen
    36. :future (en-US)
    37. :has() (en-US)
    38. :host (en-US)
    39. :host-context() (en-US)
    40. :host() (en-US)
    41. :hover
    42. :in-range (en-US)
    43. :indeterminate (en-US)
    44. :invalid (en-US)
    45. :is() (en-US)
    46. :lang() (en-US)
    47. :last-child
    48. :last-of-type (en-US)
    49. :left (en-US)
    50. :link
    51. :local-link (en-US)
    52. :modal (en-US)
    53. :muted (en-US)
    54. :not()
    55. :nth-child()
    56. :nth-last-child() (en-US)
    57. :nth-last-of-type() (en-US)
    58. :nth-of-type() (en-US)
    59. :only-child (en-US)
    60. :only-of-type (en-US)
    61. :optional (en-US)
    62. :out-of-range (en-US)
    63. :past (en-US)
    64. :paused (en-US)
    65. :picture-in-picture (en-US)
    66. :placeholder-shown (en-US)
    67. :playing (en-US)
    68. :popover-open (en-US)
    69. :read-only (en-US)
    70. :read-write (en-US)
    71. :required (en-US)
    72. :right (en-US)
    73. :root
    74. :scope (en-US)
    75. :seeking (en-US)
    76. :stalled (en-US)
    77. :target (en-US)
    78. :target-within (en-US) Experimental
    79. :user-invalid (en-US)
    80. :user-valid (en-US)
    81. :valid (en-US)
    82. :visited
    83. :volume-locked (en-US)
    84. :where() (en-US)
  14. Pseudo-elements
    1. ::-moz-color-swatch (en-US) 비표준
    2. ::-moz-focus-inner (en-US) 비표준
    3. ::-moz-list-bullet (en-US) 비표준
    4. ::-moz-list-number (en-US) 비표준
    5. ::-moz-page (en-US) 비표준
    6. ::-moz-page-sequence (en-US) 비표준
    7. ::-moz-progress-bar (en-US) 비표준
    8. ::-moz-range-progress (en-US) 비표준
    9. ::-moz-range-thumb (en-US) 비표준
    10. ::-moz-range-track (en-US) 비표준
    11. ::-moz-scrolled-page-sequence (en-US) 비표준
    12. ::-webkit-inner-spin-button (en-US) 비표준
    13. ::-webkit-meter-bar (en-US) 비표준
    14. ::-webkit-meter-even-less-good-value (en-US) 비표준
    15. ::-webkit-meter-inner-element (en-US) 비표준
    16. ::-webkit-meter-optimum-value (en-US) 비표준
    17. ::-webkit-meter-suboptimum-value (en-US) 비표준
    18. ::-webkit-outer-spin-button (en-US) 비표준
    19. ::-webkit-progress-bar (en-US) 비표준
    20. ::-webkit-progress-inner-element (en-US) 비표준
    21. ::-webkit-progress-value (en-US) 비표준
    22. ::-webkit-scrollbar 비표준
    23. ::-webkit-search-cancel-button (en-US) 비표준
    24. ::-webkit-search-results-button (en-US) 비표준
    25. ::-webkit-slider-runnable-track (en-US) 비표준
    26. ::-webkit-slider-thumb (en-US) 비표준
    27. ::after
    28. ::backdrop (en-US)
    29. ::before (en-US)
    30. ::cue (en-US)
    31. ::cue-region (en-US)
    32. ::file-selector-button (en-US)
    33. ::first-letter (en-US)
    34. ::first-line (en-US)
    35. ::grammar-error (en-US) Experimental
    36. ::highlight() (en-US)
    37. ::marker (en-US)
    38. ::part() (en-US)
    39. ::placeholder (en-US)
    40. ::selection (en-US)
    41. ::slotted() (en-US)
    42. ::spelling-error (en-US) Experimental
    43. ::target-text (en-US) Experimental
    44. ::view-transition (en-US) Experimental
    45. ::view-transition-group (en-US) Experimental
    46. ::view-transition-image-pair (en-US) Experimental
    47. ::view-transition-new (en-US) Experimental
    48. ::view-transition-old (en-US) Experimental
  15. At-rules
    1. @charset
    2. @color-profile (en-US)
    3. @container (en-US)
    4. @counter-style (en-US)
    5. @document (en-US) 비표준 지원이 중단되었습니다
    6. @font-face
    7. @font-feature-values (en-US)
    8. @font-palette-values (en-US)
    9. @import
    10. @keyframes
    11. @layer (en-US)
    12. @media
    13. @namespace
    14. @page
    15. @property (en-US)
    16. @scope (en-US) Experimental
    17. @starting-style (en-US) Experimental
    18. @supports
  16. Functions
    1. -moz-image-rect (en-US) 비표준 지원이 중단되었습니다
    2. abs() (en-US)
    3. acos() (en-US)
    4. asin() (en-US)
    5. atan() (en-US)
    6. atan2() (en-US)
    7. attr() (en-US)
    8. calc()
    9. clamp() (en-US)
    10. cos() (en-US)
    11. counter() (en-US)
    12. counters() (en-US)
    13. cross-fade() (en-US)
    14. element() (en-US) Experimental
    15. env() (en-US)
    16. exp() (en-US)
    17. fit-content() (en-US)
    18. hypot() (en-US)
    19. log() (en-US)
    20. max() (en-US)
    21. min() (en-US)
    22. minmax() (en-US)
    23. mod() (en-US)
    24. path() (en-US)
    25. pow() (en-US)
    26. ray() (en-US) Experimental
    27. rem() (en-US)
    28. repeat() (en-US)
    29. round() (en-US)
    30. sign() (en-US)
    31. sin() (en-US)
    32. sqrt() (en-US)
    33. symbols() (en-US)
    34. tan() (en-US)
    35. url()
    36. var()
  17. Types
    1. <absolute-size> (en-US)
    2. <alpha-value> (en-US)
    3. <angle>
    4. <angle-percentage>
    5. <basic-shape> (en-US)
    6. <blend-mode>
    7. <box-edge> (en-US)
    8. <calc-constant> (en-US)
    9. <calc-sum> (en-US)
    10. <color-interpolation-method> (en-US)
    11. <color>
    12. <custom-ident> (en-US)
    13. <dashed-ident> (en-US)
    14. <dimension> (en-US)
    15. <display-box> (en-US)
    16. <display-inside> (en-US)
    17. <display-internal>
    18. <display-legacy> (en-US)
    19. <display-listitem> (en-US)
    20. <display-outside> (en-US)
    21. <easing-function> (en-US)
    22. <filter-function>
    23. <flex> (en-US)
    24. <frequency>
    25. <frequency-percentage> (en-US)
    26. <generic-family> (en-US)
    27. <gradient>
    28. <hex-color> (en-US)
    29. <hue> (en-US)
    30. <hue-interpolation-method> (en-US)
    31. <ident> (en-US)
    32. <image>
    33. <integer>
    34. <length>
    35. <length-percentage>
    36. <line-style> (en-US)
    37. <named-color> (en-US)
    38. <number>
    39. <overflow> (en-US)
    40. <percentage>
    41. <position>
    42. <ratio> (en-US)
    43. <relative-size> (en-US)
    44. <resolution> (en-US)
    45. <shape> (en-US) 지원이 중단되었습니다
    46. <string> (en-US)
    47. <system-color> (en-US)
    48. <time>
    49. <time-percentage> (en-US)
    50. <transform-function>
  18. 안내서
  19. 애니메이션
    1. CSS 애니메이션 사용하기
  20. 배경과 보더
    1. 한 번에 여러 배경 사용하기
    2. 배경 이미지 크기 조정하기
  21. 박스 정렬
    1. 블록 레이아웃 박스 정렬하기 (en-US)
    2. 플렉스박스 박스 정렬하기 (en-US)
    3. 그리드 레이아웃의 박스 정렬 (en-US)
    4. 다단 레이아웃 박스 정렬하기 (en-US)
  22. 박스 모델
    1. CSS 기본 박스 모델 입문
    2. 여백 상쇄 정복
  23. Colors
    1. Applying color to HTML elements using CSS (en-US)
    2. Web Accessibility: Understanding colors and luminance (en-US)
    3. Web Accessibility: Color contrast (en-US)
  24. 열
    1. 다단 레이아웃의 기본 개념 (en-US)
    2. 다단 레이아웃 꾸미기 (en-US)
    3. Spanning 과 balancing (en-US)
    4. 다단 레이아웃에서 overflow 처리하기 (en-US)
    5. 다단 레이아웃에서 컨텐츠 나누기 (en-US)
  25. CSS에서 규칙 정의하기
    1. 기능 쿼리 사용하기 (en-US)
  26. CSSOM view
    1. 좌표 시스템 (en-US)
  27. 플렉스박스
    1. 플렉스박스의 기본 개념
    2. 다른 레이아웃과 비교해보기 (en-US)
    3. 항목 정렬하기
    4. 항목 순서 정하기 (en-US)
    5. 항목 비율 설정하기 (en-US)
    6. 항목 wrapping 정복하기 (en-US)
    7. 플렉스박스 적용 사례
    8. 플렉스박스의 하위 호환성 (en-US)
  28. 플로 레이아웃
    1. 일반 대열 속 블록 및 인라인 레이아웃
    2. 대열과 탈대열
    3. 서식 상황 입문서
    4. 플로 레이아웃과 쓰기 모드
    5. 플로 레이아웃과 overflow
  29. 글꼴
    1. 오픈타입 글꼴 기능 안내서 (en-US)
    2. 다양한 글꼴 안내서 (en-US)
  30. 그리드
    1. 그리드 레이아웃 기본 개념
    2. 그리드 레이아웃과 다른 레이아웃과의 관계성
    3. 라인을 이용한 그리드 배치
    4. 그리드 템플릿 영역
    5. 이름으로 레이아웃 정하기
    6. 그리드 레이아웃의 자동 배치 (en-US)
    7. 그리드 레이아웃의 박스 정렬 (en-US)
    8. 그리드, logical 값, 쓰기 모드 (en-US)
    9. 그리드 레이아웃과 접근성 (en-US)
    10. 그리드 레이아웃과 꾸준한 발전 (en-US)
    11. 자주 사용되는 레이아웃 (en-US)
    12. 하위 그리드 (en-US)
    13. Masonry 레이아웃 (en-US)
  31. 이미지
    1. CSS 그레이디언트 사용하기 (en-US)
  32. 리스트와 카운터
    1. CSS 카운터 사용하기
    2. 리스트 들여쓰기
  33. Logical 속성
    1. 기본 개념 (en-US)
    2. Floating 과 positioning (en-US)
    3. 바깥여백(마진), 테두리(보더) 그리고 안쪽여백(패딩) (en-US)
    4. 크기 조절하기 (en-US)
  34. Math functions
    1. Using CSS math functions (en-US)
  35. 미디어 쿼리
    1. 미디어 쿼리 사용하기
    2. 접근성을 위한 미디어 쿼리 사용하기
    3. 미디어 쿼리 테스트하기 (en-US)
  36. Nesting style rules
    1. Using CSS nesting (en-US)
    2. Nesting at-rules (en-US)
    3. Nesting and specificity (en-US)
  37. 위치 잡기
    1. CSS z-index 이해하기
  38. 스크롤 스냅
    1. 스크롤 스냅 기본 개념 (en-US)
  39. 도형
    1. 도형의 기본 개념 (en-US)
    2. CSS 박스 모델로 도형 만들기 (en-US)
    3. 기본 도형들 (en-US)
    4. 이미지로 도형 만들기 (en-US)
  40. 텍스트
    1. 텍스 포장하기 및 나누기 (en-US)
  41. 변형
    1. CSS 변형 사용하기
  42. 트랜지션
    1. CSS 트랜지션 사용하기
  43. 레이아웃 비법서
    1. 미디어 객체 (en-US)
    2. 열 (en-US)
    3. 아이템 중앙 정렬 하기 (en-US)
    4. 바닥글 sticky 설정하기 (en-US)
    5. 네비게이션 나누기 (en-US)
    6. 네비게이션 breadcrumb 설정하기 (en-US)
    7. 뱃지로 리스트 그룹화하기 (en-US)
    8. Pagination (en-US)
    9. 카드 (en-US)
    10. 그리드 wrapper (en-US)
  45. 도구
    1. 색상 선택 도구
    2. 박스에 그림자 생성기 (en-US)
    3. 보더 이미지 생성기
    4. Border-radius 생성기

In this article

  • 참고서
  • 명세서

CSS Charsets

CSS Charsets는 스타일 시트에서 사용하는 문자 집합을 정의할 수 있는 CSS 모듈입니다.

참고서

@규칙

  • @charset

명세서

Specification
Cascading Style Sheets Level 2 Revision 2 (CSS 2.2) Specification
# charset①

Found a content problem with this page?

  • Edit the page on GitHub.
  • Report the content issue.
  • View the source on GitHub.
Want to get more involved? Learn how to contribute.

This page was last modified on 2023년 5월 29일 by MDN contributors.

MDN logo

Your blueprint for a better internet.

  • MDN on Mastodon
  • MDN on Twitter
  • MDN on GitHub
  • MDN Blog RSS Feed

MDN

  • About
  • Blog
  • Careers
  • Advertise with us

Support

  • Product help
  • Report an issue

Our communities

  • MDN Community
  • MDN Forum
  • MDN Chat

Developers

  • Web Technologies
  • Learn Web Development
  • MDN Plus
  • Hacks Blog
Mozilla logo
  • Website Privacy Notice
  • Cookies
  • Legal
  • Community Participation Guidelines

Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998–2023 by individual mozilla.org contributors. Content available under a Creative Commons license.