• Skip to main content
  • Skip to search
  • Skip to select language

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

목차

  • 참고서
  • 명세서
  1. CSS
  2. Beginner's tutorials
  3. Your first website: Styling the content
  4. CSS styling basics
    1. CSS 작동 방식
    2. CSS 로 시작하기
    3. 새로운 지식을 사용하기
    4. CSS 선택자
    5. 속성 선택자
    6. 의사 클래스와 의사 요소
    7. 결합자
    8. 박스 모델
    9. 계단식 및 상속
    10. CSS 값과 단위
    11. CSS 에서 항목 크기 조정
    12. Backgrounds and borders
    13. 콘텐츠 overflow
    14. 이미지, 미디어 및 양식 요소
    15. 표 스타일링
    16. CSS 디버깅
    17. Challenge: Business card
    18. 멋진 편지지 양식 만들기
    19. 멋지게 보이는 박스
  5. CSS text styling
    1. 기본적인 텍스트 및 글꼴 스타일링
    2. 목록 스타일링
    3. 스타일링 링크
    4. 웹 폰트
    5. 커뮤니티 대학 홈페이지 레이아웃 구성하기
  6. CSS 레이아웃
    1. CSS 레이아웃 입문서
    2. Floats
    3. 위치잡기
    4. Flexbox
    5. 그리드
    6. 반응형 디자인
    7. 미디어 쿼리 초보자 안내서
    8. 레이아웃 이해의 핵심 사항
  7. CSS 참고서
  8. Modules
    1. CSS anchor positioning
    2. CSS animations
    3. CSS 배경 및 테두리
    4. CSS Basic User Interface
    5. CSS box alignment
    6. CSS box model
    7. CSS box sizing
    8. CSS cascading and inheritance
    9. CSS 색상 조정
    10. CSS colors
    11. Compositing and Blending
    12. CSS Conditional Rules
    13. CSS Containment
    14. CSS counter styles
    15. CSS Custom Properties for Cascading Variables
    16. CSS display
    17. Filter Effects
    18. CSS Flexible Box Layout
    19. CSS font loading
    20. CSS Fonts
    21. CSS fragmentation
    22. CSS Generated Content
    23. CSS 그리드 레이아웃
    24. CSS Images
    25. CSS inline layout
    26. CSS Lists
    27. CSS 논리적 속성과 값
    28. CSS Masking
    29. 미디어 쿼리
    30. CSS motion path
    31. CSS Multi-column Layout
    32. CSS Namespaces
    33. CSS nesting
    34. CSS overflow
    35. CSS overscroll behavior
    36. CSS paged media
    37. CSS positioned layout
    38. CSS properties and values API
    39. CSS pseudo-elements
    40. CSS Ruby
    41. CSS scoping
    42. CSS scroll anchoring
    43. CSS Scroll Snap Points
    44. CSS scroll-driven animations
    45. CSS Scrollbars
    46. CSS 선택자
    47. CSS shadow parts
    48. CSS Shapes
    49. CSS Charsets
    50. CSS Table
    51. CSS text
    52. CSS Text Decoration
    53. CSS transforms
    54. CSS Transitions
    55. CSS 단위와 값
    56. CSS view transitions
    57. CSS Writing Modes
    58. CSSOM view
  9. Properties
    1. -moz-*
      1. -moz-float-edge 비표준 지원이 중단되었습니다
      2. -moz-force-broken-image-icon 비표준 지원이 중단되었습니다
      3. -moz-image-region 비표준
      4. -moz-orient 비표준
      5. -moz-user-focus 비표준 지원이 중단되었습니다
      6. -moz-user-input 비표준 지원이 중단되었습니다
    2. -webkit-*
      1. -webkit-border-before 비표준
      2. -webkit-box-reflect 비표준
      3. -webkit-mask-box-image 비표준
      4. -webkit-mask-composite 비표준
      5. -webkit-mask-position-x 비표준
      6. -webkit-mask-position-y 비표준
      7. -webkit-mask-repeat-x 비표준
      8. -webkit-mask-repeat-y 비표준
      9. -webkit-tap-highlight-color 비표준
      10. -webkit-text-fill-color
      11. -webkit-text-security 비표준
      12. -webkit-text-stroke
      13. -webkit-text-stroke-color
      14. -webkit-text-stroke-width
      15. -webkit-touch-callout 비표준
    3. Custom properties (--*): CSS variables
    4. accent-color
    5. align-*
      1. align-content
      2. align-items
      3. align-self
    6. alignment-baseline
    7. all
    8. anchor-name Experimental
    9. animation-*
      1. animation
      2. animation-composition
      3. animation-delay
      4. animation-direction
      5. animation-duration
      6. animation-fill-mode
      7. animation-iteration-count
      8. animation-name
      9. animation-play-state
      10. animation-range Experimental
      11. animation-range-end Experimental
      12. animation-range-start Experimental
      13. animation-timeline Experimental
      14. animation-timing-function
    10. appearance
    11. aspect-ratio
    12. backdrop-filter
    13. backface-visibility
    14. background-*
      1. background
      2. background-attachment
      3. background-blend-mode
      4. background-clip
      5. background-color
      6. background-image
      7. background-origin
      8. background-position
      9. background-position-x
      10. background-position-y
      11. background-repeat
      12. background-size
    15. block-size
    16. border-*
      1. border
      2. border-block
      3. border-block-color
      4. border-block-end
      5. border-block-end-color
      6. border-block-end-style
      7. border-block-end-width
      8. border-block-start
      9. border-block-start-color
      10. border-block-start-style
      11. border-block-start-width
      12. border-block-style
      13. border-block-width
      14. border-bottom
      15. border-bottom-color
      16. border-bottom-left-radius
      17. border-bottom-right-radius
      18. border-bottom-style
      19. border-bottom-width
      20. border-collapse
      21. border-color
      22. border-end-end-radius
      23. border-end-start-radius
      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
      31. border-inline-color
      32. border-inline-end
      33. border-inline-end-color
      34. border-inline-end-style
      35. border-inline-end-width
      36. border-inline-start
      37. border-inline-start-color
      38. border-inline-start-style
      39. border-inline-start-width
      40. border-inline-style
      41. border-inline-width
      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
      53. border-start-start-radius
      54. border-style
      55. border-top
      56. border-top-color
      57. border-top-left-radius
      58. border-top-right-radius
      59. border-top-style
      60. border-top-width
      61. border-width
    17. bottom
    18. box-*
      1. box-align 비표준 지원이 중단되었습니다
      2. box-decoration-break
      3. box-direction 비표준 지원이 중단되었습니다
      4. box-flex 비표준 지원이 중단되었습니다
      5. box-flex-group 비표준 지원이 중단되었습니다
      6. box-lines 비표준 지원이 중단되었습니다
      7. box-ordinal-group 비표준 지원이 중단되었습니다
      8. box-orient 비표준 지원이 중단되었습니다
      9. box-pack 비표준 지원이 중단되었습니다
      10. box-shadow
      11. box-sizing
    19. break-*
      1. break-after
      2. break-before
      3. break-inside
    20. caption-side
    21. caret-color
    22. clear
    23. clip-*
      1. clip 지원이 중단되었습니다
      2. clip-path
      3. clip-rule
    24. color-*
      1. color
      2. color-interpolation
      3. color-interpolation-filters
      4. color-scheme
    25. column-*
      1. column-count
      2. column-fill
      3. column-gap
      4. column-rule
      5. column-rule-color
      6. column-rule-style
      7. column-rule-width
      8. column-span
      9. column-width
    26. columns
    27. contain-*
      1. contain
      2. contain-intrinsic-block-size
      3. contain-intrinsic-height
      4. contain-intrinsic-inline-size
      5. contain-intrinsic-size
      6. contain-intrinsic-width
    28. container-*
      1. container
      2. container-name
      3. container-type
    29. content
    30. content-visibility
    31. counter-*
      1. counter-increment
      2. counter-reset
      3. counter-set
    32. cursor
    33. cx
    34. cy
    35. d
    36. direction
    37. display
    38. dominant-baseline
    39. empty-cells
    40. field-sizing Experimental
    41. fill-*
      1. fill
      2. fill-opacity
      3. fill-rule
    42. filter
    43. flex-*
      1. flex
      2. flex-basis
      3. flex-direction
      4. flex-flow
      5. flex-grow
      6. flex-shrink
      7. flex-wrap
    44. float
    45. flood-color
    46. flood-opacity
    47. font-*
      1. font
      2. font-family
      3. font-feature-settings
      4. font-kerning
      5. font-language-override
      6. font-optical-sizing
      7. font-palette
      8. font-size
      9. font-size-adjust
      10. font-smooth 비표준
      11. font-stretch 지원이 중단되었습니다
      12. font-style
      13. font-synthesis
      14. font-synthesis-position Experimental
      15. font-synthesis-small-caps
      16. font-synthesis-style
      17. font-synthesis-weight
      18. font-variant
      19. font-variant-alternates
      20. font-variant-caps
      21. font-variant-east-asian
      22. font-variant-emoji
      23. font-variant-ligatures
      24. font-variant-numeric
      25. font-variant-position
      26. font-variation-settings
      27. font-weight
    48. forced-color-adjust
    49. gap
    50. grid-*
      1. grid
      2. grid-area
      3. grid-auto-columns
      4. grid-auto-flow
      5. grid-auto-rows
      6. grid-column
      7. grid-column-end
      8. grid-column-start
      9. grid-row
      10. grid-row-end
      11. grid-row-start
      12. grid-template
      13. grid-template-areas
      14. grid-template-columns
      15. grid-template-rows
    51. hanging-punctuation
    52. height
    53. hyphenate-character
    54. hyphenate-limit-chars
    55. hyphens
    56. image-*
      1. image-orientation
      2. image-rendering
      3. image-resolution Experimental
    57. initial-letter
    58. inline-size
    59. inset-*
      1. inset
      2. inset-block
      3. inset-block-end
      4. inset-block-start
      5. inset-inline
      6. inset-inline-end
      7. inset-inline-start
    60. interpolate-size Experimental
    61. isolation
    62. justify-*
      1. justify-content
      2. justify-items
      3. justify-self
    63. left
    64. letter-spacing
    65. lighting-color
    66. line-*
      1. line-break
      2. -webkit-line-clamp
      3. line-height
      4. line-height-step Experimental
    67. list-*
      1. list-style
      2. list-style-image
      3. list-style-position
      4. list-style-type
    68. margin-*
      1. margin
      2. margin-block
      3. margin-block-end
      4. margin-block-start
      5. margin-bottom
      6. margin-inline
      7. margin-inline-end
      8. margin-inline-start
      9. margin-left
      10. margin-right
      11. margin-top
      12. margin-trim Experimental
    69. marker-*
      1. marker
      2. marker-end
      3. marker-mid
      4. marker-start
    70. mask-*
      1. mask
      2. mask-border
      3. mask-border-mode
      4. mask-border-outset
      5. mask-border-repeat
      6. mask-border-slice
      7. mask-border-source
      8. mask-border-width
      9. mask-clip
      10. mask-composite
      11. mask-image
      12. mask-mode
      13. mask-origin
      14. mask-position
      15. mask-repeat
      16. mask-size
      17. mask-type
    71. math-*
      1. math-depth
      2. math-shift Experimental
      3. math-style
    72. max-*
      1. max-block-size
      2. max-height
      3. max-inline-size
      4. max-width
    73. min-*
      1. min-block-size
      2. min-height
      3. min-inline-size
      4. min-width
    74. mix-blend-mode
    75. object-fit
    76. object-position
    77. offset-*
      1. offset
      2. offset-anchor
      3. offset-distance
      4. offset-path
      5. offset-position
      6. offset-rotate
    78. opacity
    79. order
    80. orphans
    81. outline-*
      1. outline
      2. outline-color
      3. outline-offset
      4. outline-style
      5. outline-width
    82. overflow-*
      1. overflow
      2. overflow-anchor
      3. overflow-block
      4. overflow-clip-margin
      5. overflow-inline
      6. overflow-wrap
      7. overflow-x
      8. overflow-y
    83. overlay Experimental
    84. overscroll-*
      1. overscroll-behavior
      2. overscroll-behavior-block
      3. overscroll-behavior-inline
      4. overscroll-behavior-x
      5. overscroll-behavior-y
    85. padding-*
      1. padding
      2. padding-block
      3. padding-block-end
      4. padding-block-start
      5. padding-bottom
      6. padding-inline
      7. padding-inline-end
      8. padding-inline-start
      9. padding-left
      10. padding-right
      11. padding-top
    86. page-*
      1. page
      2. page-break-after 지원이 중단되었습니다
      3. page-break-before 지원이 중단되었습니다
      4. page-break-inside 지원이 중단되었습니다
    87. paint-order
    88. perspective
    89. perspective-origin
    90. place-*
      1. place-content
      2. place-items
      3. place-self
    91. pointer-events
    92. position-*
      1. position
      2. position-anchor Experimental
      3. position-area Experimental
      4. position-try Experimental
      5. position-try-fallbacks Experimental
      6. position-try-order Experimental
      7. position-visibility Experimental
    93. print-color-adjust
    94. quotes
    95. r
    96. reading-flow Experimental
    97. reading-order Experimental
    98. resize
    99. right
    100. rotate
    101. row-gap
    102. ruby-align
    103. ruby-position
    104. rx
    105. ry
    106. scale
    107. scroll-*
      1. 스크롤 동작
      2. scroll-margin
      3. scroll-margin-block
      4. scroll-margin-block-end
      5. scroll-margin-block-start
      6. scroll-margin-bottom
      7. scroll-margin-inline
      8. scroll-margin-inline-end
      9. scroll-margin-inline-start
      10. scroll-margin-left
      11. scroll-margin-right
      12. scroll-margin-top
      13. scroll-marker-group Experimental
      14. scroll-padding
      15. scroll-padding-block
      16. scroll-padding-block-end
      17. scroll-padding-block-start
      18. scroll-padding-bottom
      19. scroll-padding-inline
      20. scroll-padding-inline-end
      21. scroll-padding-inline-start
      22. scroll-padding-left
      23. scroll-padding-right
      24. scroll-padding-top
      25. scroll-snap-align
      26. scroll-snap-stop
      27. scroll-snap-type
      28. scroll-timeline Experimental
      29. scroll-timeline-axis Experimental
      30. scroll-timeline-name Experimental
    108. scrollbar-*
      1. scrollbar-color
      2. scrollbar-gutter
      3. scrollbar-width
    109. shape-*
      1. shape-image-threshold
      2. shape-margin
      3. shape-outside
      4. shape-rendering
    110. speak-as Experimental
    111. stop-color
    112. stop-opacity
    113. stroke-*
      1. stroke
      2. stroke-dasharray
      3. stroke-dashoffset
      4. stroke-linecap
      5. stroke-linejoin
      6. stroke-miterlimit
      7. stroke-opacity
      8. stroke-width
    114. tab-size
    115. table-layout
    116. text-*
      1. text-align
      2. text-align-last
      3. text-anchor
      4. text-box
      5. text-box-edge
      6. text-box-trim
      7. text-combine-upright
      8. text-decoration
      9. text-decoration-color
      10. text-decoration-line
      11. text-decoration-skip Experimental
      12. text-decoration-skip-ink
      13. text-decoration-style
      14. text-decoration-thickness
      15. text-emphasis
      16. text-emphasis-color
      17. text-emphasis-position
      18. text-emphasis-style
      19. text-indent
      20. text-justify
      21. text-orientation
      22. text-overflow
      23. text-rendering
      24. text-shadow
      25. text-size-adjust Experimental
      26. text-spacing-trim Experimental
      27. text-transform
      28. text-underline-offset
      29. text-underline-position
      30. text-wrap
      31. text-wrap-mode
      32. text-wrap-style
    117. timeline-scope Experimental
    118. top
    119. touch-action
    120. transform-*
      1. transform
      2. transform-box
      3. transform-origin
      4. transform-style
    121. transition-*
      1. transition
      2. transition-behavior
      3. transition-delay
      4. transition-duration
      5. transition-property
      6. transition-timing-function
    122. translate
    123. unicode-bidi
    124. user-modify 비표준 지원이 중단되었습니다
    125. user-select
    126. vector-effect
    127. vertical-align
    128. view-*
      1. view-timeline Experimental
      2. view-timeline-axis Experimental
      3. view-timeline-inset Experimental
      4. view-timeline-name Experimental
      5. view-transition-class
      6. view-transition-name
    129. visibility
    130. white-space
    131. white-space-collapse
    132. widows
    133. width
    134. will-change
    135. word-break
    136. word-spacing
    137. writing-mode
    138. x
    139. y
    140. z-index
    141. zoom
  10. Selectors
    1. & nesting selector
    2. 특성 선택자
    3. 클래스 선택자
    4. ID 선택자
    5. 유형 선택자
    6. 전체 선택자
  11. Combinators
    1. 자식 결합자
    2. Column combinator Experimental
    3. 자손 결합자
    4. Namespace separator
    5. 인접 형제 결합자
    6. 선택자 목록
    7. 일반 형제 결합자
  12. Pseudo-classes
    1. :-moz-*
      1. :-moz-broken 비표준 지원이 중단되었습니다
      2. :-moz-drag-over 비표준
      3. :-moz-first-node Experimental 비표준
      4. :-moz-handler-blocked 비표준
      5. :-moz-handler-crashed 비표준
      6. :-moz-handler-disabled 비표준
      7. :-moz-last-node Experimental 비표준
      8. :-moz-loading 비표준
      9. :-moz-locale-dir(ltr) 비표준
      10. :-moz-locale-dir(rtl) 비표준
      11. :-moz-only-whitespace 비표준
      12. :-moz-submit-invalid 비표준
      13. :-moz-suppressed 비표준
      14. :-moz-user-disabled 비표준
      15. :-moz-window-inactive 비표준
    2. :active
    3. :any-link
    4. :autofill
    5. :blank Experimental
    6. :buffering
    7. :checked
    8. :current Experimental
    9. :default
    10. :defined
    11. :dir()
    12. :disabled
    13. :empty
    14. :enabled
    15. :first-*
      1. :first
      2. :first-child
      3. :first-of-type
    16. :focus-*
      1. :focus
      2. :focus-visible
      3. :focus-within
    17. :fullscreen
    18. :future
    19. :has-slotted
    20. :has()
    21. :host
    22. :host-context()
    23. :host()
    24. :hover
    25. :in-range
    26. :indeterminate
    27. :invalid
    28. :is()
    29. :lang()
    30. :last-child
    31. :last-of-type
    32. :left
    33. :link
    34. :local-link Experimental
    35. :modal
    36. :muted
    37. :not()
    38. :nth-*
      1. :nth-child
      2. :nth-last-child()
      3. :nth-last-of-type()
      4. :nth-of-type()
    39. :only-child
    40. :only-of-type
    41. :open
    42. :optional
    43. :out-of-range
    44. :past
    45. :paused
    46. :picture-in-picture
    47. :placeholder-shown
    48. :playing
    49. :popover-open
    50. :read-only
    51. :read-write
    52. :required
    53. :right
    54. :root
    55. :scope
    56. :seeking
    57. :stalled
    58. :state()
    59. :target-*
      1. :target
      2. :target-current Experimental
      3. :target-within Experimental
    60. :user-invalid
    61. :user-valid
    62. :valid
    63. :visited
    64. :volume-locked
    65. :where()
  13. Pseudo-elements
    1. ::-moz-*
      1. ::-moz-color-swatch 비표준
      2. ::-moz-focus-inner Experimental 비표준
      3. ::-moz-list-bullet Experimental 비표준
      4. ::-moz-list-number Experimental 비표준
      5. ::-moz-meter-bar 비표준
      6. ::-moz-progress-bar Experimental 비표준
      7. ::-moz-range-progress 비표준
      8. ::-moz-range-thumb 비표준
      9. ::-moz-range-track 비표준
    2. ::-webkit-*
      1. ::-webkit-inner-spin-button 비표준
      2. ::-webkit-meter-bar 비표준 지원이 중단되었습니다
      3. ::-webkit-meter-even-less-good-value 비표준
      4. ::-webkit-meter-inner-element 비표준
      5. ::-webkit-meter-optimum-value 비표준
      6. ::-webkit-meter-suboptimum-value 비표준
      7. ::-webkit-progress-bar 비표준
      8. ::-webkit-progress-inner-element 비표준
      9. ::-webkit-progress-value 비표준
      10. ::-webkit-scrollbar 비표준
      11. ::-webkit-search-cancel-button 비표준
      12. ::-webkit-search-results-button 비표준
      13. ::-webkit-slider-runnable-track 비표준
      14. ::-webkit-slider-thumb 비표준
    3. ::after (:after)
    4. ::backdrop
    5. ::before
    6. ::checkmark Experimental
    7. ::column Experimental
    8. ::cue
    9. ::details-content
    10. ::file-selector-button
    11. ::first-letter
    12. ::first-line
    13. ::grammar-error
    14. ::highlight()
    15. ::marker
    16. ::part()
    17. ::picker-icon Experimental
    18. ::picker() Experimental
    19. ::placeholder
    20. ::scroll-*
      1. ::scroll-button() Experimental
      2. ::scroll-marker Experimental
      3. ::scroll-marker-group Experimental
    21. ::selection
    22. ::slotted()
    23. ::spelling-error
    24. ::target-text
    25. ::view-*
      1. ::view-transition
      2. ::view-transition-group
      3. ::view-transition-image-pair
      4. ::view-transition-new
      5. ::view-transition-old
  14. At-rules
    1. @charset
    2. @color-profile
    3. @container
    4. @counter-style
    5. @document 비표준 지원이 중단되었습니다
    6. @font-face
    7. @font-feature-values
    8. @font-palette-values
    9. @import
    10. @keyframes
    11. @layer
    12. @media
    13. @namespace
    14. @page
    15. @position-try Experimental
    16. @property
    17. @scope
    18. @starting-style
    19. @supports
    20. @view-transition
  15. Functions
    1. -moz-image-rect 비표준 지원이 중단되었습니다
    2. abs()
    3. acos()
    4. anchor-size() Experimental
    5. anchor() Experimental
    6. asin()
    7. atan()
    8. atan2()
    9. attr()
    10. blur()
    11. brightness()
    12. calc-size() Experimental
    13. calc()
    14. circle()
    15. clamp()
    16. color-mix()
    17. color()
    18. conic-gradient()
    19. contrast()
    20. cos()
    21. counter()
    22. counters()
    23. cross-fade()
    24. cubic-bezier()
    25. device-cmyk()
    26. drop-shadow()
    27. element() Experimental
    28. ellipse()
    29. env()
    30. exp()
    31. fit-content()
    32. grayscale()
    33. hsl()
    34. hue-rotate()
    35. hwb()
    36. hypot()
    37. image-set()
    38. image()
    39. inset()
    40. invert()
    41. lab()
    42. layer()
    43. lch()
    44. light-dark()
    45. linear-gradient()
    46. linear()
    47. log()
    48. matrix()
    49. matrix3d()
    50. max()
    51. min()
    52. minmax()
    53. mod()
    54. oklab()
    55. oklch()
    56. opacity()
    57. paint()
    58. palette-mix() Experimental
    59. path()
    60. perspective()
    61. polygon()
    62. pow()
    63. radial-gradient()
    64. ray()
    65. rect()
    66. rem()
    67. repeat()
    68. repeating-conic-gradient()
    69. repeating-linear-gradient()
    70. repeating-radial-gradient()
    71. rgb()
    72. rotate()
    73. rotate3d()
    74. rotateX()
    75. rotateY()
    76. rotateZ()
    77. round()
    78. saturate()
    79. scale()
    80. scale3d()
    81. scaleX()
    82. scaleY()
    83. scaleZ()
    84. scroll() Experimental
    85. sepia()
    86. shape()
    87. sign()
    88. sin()
    89. skew()
    90. skewX()
    91. skewY()
    92. sqrt()
    93. steps()
    94. symbols()
    95. tan()
    96. translate()
    97. translate3d()
    98. translateX()
    99. translateY()
    100. translateZ()
    101. url()
    102. var()
    103. view() Experimental
    104. xywh()
  16. Types
    1. <absolute-size>
    2. <alpha-value>
    3. <angle-percentage>
    4. <angle>
    5. <baseline-position>
    6. <basic-shape>
    7. <blend-mode>
    8. <box-edge>
    9. <calc-keyword>
    10. <calc-sum>
    11. <color-interpolation-method>
    12. <color>
    13. <content-distribution>
    14. <content-position>
    15. <custom-ident>
    16. <dashed-ident>
    17. <dimension>
    18. <display-box>
    19. <display-inside>
    20. <display-internal>
    21. <display-legacy>
    22. <display-listitem>
    23. <display-outside>
    24. <easing-function>
    25. <filter-function>
    26. <flex>
    27. <frequency-percentage>
    28. <frequency>
    29. <generic-family>
    30. <gradient>
    31. <hex-color>
    32. <hue-interpolation-method>
    33. <hue>
    34. <ident>
    35. <image>
    36. <integer>
    37. <length-percentage>
    38. <length>
    39. <line-style>
    40. <named-color>
    41. <number>
    42. <overflow-position>
    43. <overflow>
    44. <percentage>
    45. <position-area> Experimental
    46. <position>
    47. <ratio>
    48. <relative-size>
    49. <resolution>
    50. <self-position>
    51. <shape> 지원이 중단되었습니다
    52. <string>
    53. <system-color>
    54. <text-edge>
    55. <time-percentage>
    56. <time>
    57. <transform-function>
    58. <url>
  17. 안내서
  18. Anchor positioning
    1. Using anchor positioning
    2. Handling overflow
  19. 애니메이션
    1. Animatable properties
    2. CSS 애니메이션 사용하기
  20. 배경과 보더
    1. 한 번에 여러 배경 사용하기
    2. 배경 이미지 크기 조정하기
    3. Scaling SVG backgrounds
  21. Box alignment
    1. Overview
    2. 블록 레이아웃 박스 정렬하기
    3. Box alignment in flexbox
    4. Box alignment in grid layout
    5. Box alignment in multi-column layout
  22. 박스 모델
    1. CSS 기본 박스 모델 입문
    2. 여백 상쇄 정복
  23. Cascade
    1. Introduction
    2. 상속
    3. 명시도
    4. 초깃값
    5. 단축 속성
  24. Custom properties
    1. 사용자 지정 CSS 속성 사용하기 (변수)
  25. Colors
    1. Applying color to HTML
    2. Color values
    3. Using relative colors
    4. Using color wisely
    5. Accessibility: Colors and luminance
    6. Accessibility: Color contrast
  26. 열
    1. Basic concepts
    2. Styling columns
    3. CSS 다단 레이아웃 사용
    4. Spanning and balancing columns
    5. 다단 레이아웃에서 넘침 처리
    6. 다단 레이아웃에서 콘텐츠 분리 처리
  27. CSS에서 규칙 정의하기
    1. Using feature queries
    2. Using container scroll-state queries
  28. Containment
    1. Container queries
    2. Using containment
    3. Using container size and style queries
  29. CSSOM view
    1. 좌표계
    2. Viewport concepts
  30. 플로 레이아웃
    1. 일반 대열 속 블록 및 인라인 레이아웃
    2. CSS Flow Layout
    3. 대열 레이아웃과 대열이탈
    4. 대열 레이아웃과 쓰기 모드
    5. 대열과 탈대열
    6. 컨테이닝 블록의 모든 것
    7. 서식 상황 입문서
    8. Block formatting context
    9. Inline formatting context
    10. Using multi-keyword syntax
    11. Visual formatting model
  31. Filter effects
    1. Using filter effects
  32. 플렉스박스
    1. flexbox의 기본 개념
    2. Flexbox and other layouts
    3. Aligning flex items
    4. Ordering flex items
    5. Controlling flex item ratios
    6. Wrapping flex items
    7. 플렉스박스의 대표적인 사용례
  33. 글꼴
    1. OpenType features
    2. Variable fonts
    3. WOFF
  34. 그리드
    1. Basic concepts of grid layout
    2. Relationship of grid layout to other layout methods
    3. Grid template areas
    4. Line-based placement with CSS Grid
    5. Layout using named grid lines
    6. Auto-placement
    7. Aligning items
    8. Logical values and writing modes
    9. Common grid layouts
    10. Subgrid
    11. Grid layout and accessibility
    12. Masonry layout Experimental
  35. 이미지
    1. CSS 그라디언트 사용하기
    2. 대체 요소
    3. CSS로 이미지 스프라이트 구현하기
  36. 리스트와 카운터
    1. CSS 카운터 사용하기
    2. 일관성있는 리스트 들여쓰기
  37. Logical 속성
    1. 논리적 속성과 값의 기본 개념
    2. Logical properties for floating and positioning
    3. 바깥 여백, 테두리 그리고 안쪽 여백을 위한 논리적 속성들
    4. 크기 조절에 관한 논리적 속성
  38. 미디어 쿼리
    1. 미디어 쿼리 사용하기
    2. 접근성을 위한 미디어 쿼리 사용하기
    3. Testing media queries programmatically
    4. Printing
  39. Nesting style rules
    1. CSS 중첩 @-규칙
    2. CSS nesting and specificity
    3. Using CSS nesting
  40. Overflow
    1. Creating carousels
  41. 위치 잡기
    1. 쌓임 맥락
    2. floating 엘리먼트의 쌓임
    3. CSS z-index 이해하기
    4. z-index 적용
    5. z-index가 없는 경우의 쌓임
  42. Scroll anchoring
    1. Overview
  43. 스크롤 스냅
    1. Basic concepts
    2. Using scroll snap events
  44. Selectors
    1. Privacy and :visited
    2. Selector structure
    3. Selectors and combinators
    4. Using :target
  45. 도형
    1. Overview
    2. Box-value shapes
    3. Image-based shapes
    4. Using shape-outside
  46. Syntax
    1. 구문
    2. Comments
    3. At-rule functions
    4. Error handling
  47. 텍스트
    1. 텍스트의 줄 바꾸기 및 끊기
  48. 변형
    1. CSS 변형 사용하기
  49. 트랜지션
    1. CSS 트랜지션 사용하기
  50. Values and units
    1. 값 정의 구문
    2. Numeric data types
    3. Textual data types
    4. Using CSS math functions
  51. Layout cookbook
    1. Recipe: Media objects
    2. Column layouts
    3. 요소의 중앙 정렬
    4. Sticky footers
    5. Split navigation
    6. Breadcrumb navigation
    7. List group with badges
    8. Pagination
    9. Card
    10. Grid wrapper
  53. 도구
    1. Color picker tool
    2. Box-shadow generator
    3. Border-image 생성기
    4. Border-radius 생성기

목차

  • 참고서
  • 명세서

CSS Table

CSS Table은 표 데이터의 배치법을 정의하는 CSS 모듈입니다.

참고서

속성

  • border-collapse
  • border-spacing
  • caption-side
  • empty-cells
  • table-layout
  • vertical-align

명세서

Specification
Unknown specification

Help improve MDN

Learn how to contribute.

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

View this page on • Report a problem with this content
MDN logo

Your blueprint for a better internet.

  • MDN on Bluesky
  • MDN on Mastodon
  • MDN on X (formerly Twitter)
  • MDN on
  • 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
  • Website Privacy Notice
  • Cookies
  • Legal
  • Community Participation Guidelines

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