• 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

  • MDN Plus
    • Overview

      A customized MDN experience

    • Updates

      All browser compatibility updates at a glance

    • Documentation

      Learn how to use MDN Plus

    • FAQ

      Frequently asked questions about MDN Plus

  • Already a subscriber?
  • Get MDN Plus
  1. 개발자를 위한 웹 기술
  2. CSS
  3. CSS Namespaces

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

In this article

  • 참고서
  • 명세

Related Topics

  1. CSS
  2. Tutorials
  3. CSS basics
  4. CSS first steps
    1. CSS first steps overview
    2. What is CSS?
    3. Getting started with CSS
    4. How CSS is structured
    5. How CSS works
    6. Assessment: Styling a biography page
  5. CSS building blocks
    1. CSS building blocks overview
    2. Cascade and inheritance
    3. CSS selectors
    4. The box model
    5. Backgrounds and borders
    6. Handling different text directions
    7. Overflowing content
    8. CSS values and units
    9. Sizing items in CSS
    10. Images, media, and form elements
    11. Styling tables
    12. Debugging CSS
    13. Organizing your CSS
    14. Assessment: Fundamental CSS comprehension
    15. Assessment: Creating fancy letterheaded paper (en-US)
    16. Assessment: A cool-looking box (en-US)
  6. Styling text
    1. Styling text overview
    2. Fundamental text and font styling
    3. Styling lists
    4. Styling links (en-US)
    5. Web fonts (en-US)
    6. Assessment: Typesetting a community school homepage (en-US)
  7. CSS layout
    1. CSS layout overview
    2. Introduction to CSS layout
    3. Normal Flow
    4. Flexbox
    5. Grids
    6. Floats
    7. Positioning
    8. Multiple-column layout
    9. Responsive design
    10. Beginner's guide to media queries
    11. Legacy layout methods
    12. Supporting older browsers
    13. Assessment: Fundamental layout comprehension (en-US)
  8. Reference
  9. Modules
    1. Compositing and Blending
    2. CSS Animations
    3. CSS Backgrounds and Borders
    4. CSS Basic User Interface
    5. CSS Box Alignment (en-US)
    6. CSS Box Model
    7. CSS Charsets
    8. CSS Colors
    9. CSS Multi-column Layout
    10. CSS Conditional Rules
    11. CSS Containment
    12. CSS Counter Styles (en-US)
    13. CSS Display (en-US)
    14. CSS Flexible Box Layout
    15. CSS Fonts
    16. CSS Fragmentation (en-US)
    17. CSS Generated Content
    18. CSS Grid Layout
    19. CSS Images
    20. CSS Lists
    21. CSS Logical Properties and Values
    22. CSS Masking
    23. CSS Miscellaneous
    24. CSS Motion Path (en-US)
    25. CSS Namespaces
    26. CSS Overflow (en-US)
    27. CSS Paged Media
    28. CSS Positioned Layout
    29. CSS Ruby Layout
    30. CSS Scroll Snap (en-US)
    31. CSS Scroll Snap Points
    32. CSS Scrollbars
    33. CSS Shapes
    34. CSS Table
    35. CSS Text
    36. CSS Text Decoration
    37. CSS Transforms
    38. CSS Transitions
    39. CSS Custom Properties for Cascading Variables
    40. CSS Writing Modes
    41. CSSOM View (en-US)
    42. Filter Effects
    43. Media queries
    44. Paged media
  10. Properties
    1. -webkit-*
      1. -webkit-line-clamp
      2. -webkit-text-fill-color (en-US)
      3. -webkit-text-stroke (en-US)
      4. -webkit-text-stroke-color (en-US)
      5. -webkit-text-stroke-width (en-US)
    2. accent-color (en-US)
    3. align-*
      1. align-content
      2. align-items (en-US)
      3. align-self (en-US)
      4. Experimental align-tracks (en-US)
    4. all
    5. animation-*
      1. animation
      2. Experimental 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. Experimental animation-timeline (en-US)
      11. animation-timing-function (en-US)
    6. appearance (en-US)
    7. aspect-ratio (en-US)
    8. backdrop-filter
    9. backface-visibility
    10. 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
    11. block-size (en-US)
    12. 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
    13. bottom (en-US)
    14. box-*
      1. box-decoration-break (en-US)
      2. box-shadow
      3. box-sizing
    15. break-*
      1. break-after (en-US)
      2. break-before (en-US)
      3. break-inside (en-US)
    16. caption-side (en-US)
    17. caret-color (en-US)
    18. clear
    19. Deprecated clip (en-US)
    20. clip-path
    21. color
    22. color-scheme (en-US)
    23. 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)
    24. columns (en-US)
    25. 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)
    26. container-*
      1. container (en-US)
      2. container-name (en-US)
      3. container-type (en-US)
    27. content
    28. content-visibility (en-US)
    29. counter-*
      1. counter-increment (en-US)
      2. counter-reset (en-US)
      3. counter-set (en-US)
    30. cursor
    31. direction (en-US)
    32. display
    33. empty-cells (en-US)
    34. filter
    35. flex-*
      1. flex
      2. flex-basis
      3. flex-direction
      4. flex-flow
      5. flex-grow
      6. flex-shrink
      7. flex-wrap
    36. float
    37. font-*
      1. font
      2. font-family
      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-stretch (en-US)
      11. font-style (en-US)
      12. font-synthesis
      13. font-variant (en-US)
      14. font-variant-alternates (en-US)
      15. font-variant-caps (en-US)
      16. font-variant-east-asian (en-US)
      17. font-variant-emoji (en-US)
      18. font-variant-ligatures (en-US)
      19. font-variant-numeric (en-US)
      20. font-variant-position (en-US)
      21. font-variation-settings (en-US)
      22. font-weight
    38. forced-color-adjust (en-US)
    39. gap
    40. grid-*
      1. grid
      2. grid-area
      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 (en-US)
      15. grid-template-rows (en-US)
    41. hanging-punctuation (en-US)
    42. height
    43. hyphenate-character (en-US)
    44. hyphenate-limit-chars (en-US)
    45. hyphens
    46. image-*
      1. image-orientation (en-US)
      2. image-rendering
      3. Experimental image-resolution (en-US)
    47. Deprecated ime-mode (en-US)
    48. Experimental initial-letter (en-US)
    49. Experimental initial-letter-align (en-US)
    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 (en-US)
      2. justify-items (en-US)
      3. justify-self (en-US)
      4. Experimental justify-tracks (en-US)
    54. left (en-US)
    55. letter-spacing
    56. line-*
      1. line-break
      2. line-height (en-US)
      3. Experimental line-height-step (en-US)
    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. Experimental margin-trim (en-US)
    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. Experimental masonry-auto-flow (en-US)
    61. math-*
      1. Experimental math-depth (en-US)
      2. Experimental math-shift (en-US)
      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. Experimental 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 (en-US)
      6. overflow-wrap
      7. overflow-x (en-US)
      8. overflow-y (en-US)
    73. 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)
    74. 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
    75. page-*
      1. page-break-after (en-US)
      2. page-break-before (en-US)
      3. page-break-inside (en-US)
    76. paint-order
    77. perspective (en-US)
    78. perspective-origin (en-US)
    79. place-*
      1. place-content (en-US)
      2. place-items (en-US)
      3. place-self (en-US)
    80. pointer-events
    81. position
    82. print-color-adjust (en-US)
    83. quotes (en-US)
    84. resize (en-US)
    85. right (en-US)
    86. rotate (en-US)
    87. row-gap (en-US)
    88. Experimental ruby-align (en-US)
    89. ruby-position (en-US)
    90. scale (en-US)
    91. 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. Experimental scroll-timeline (en-US)
      28. Experimental scroll-timeline-axis (en-US)
      29. Experimental scroll-timeline-name (en-US)
    92. scrollbar-*
      1. scrollbar-color (en-US)
      2. scrollbar-gutter (en-US)
      3. scrollbar-width (en-US)
    93. shape-*
      1. shape-image-threshold (en-US)
      2. shape-margin (en-US)
      3. shape-outside (en-US)
    94. tab-size
    95. table-layout (en-US)
    96. 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. Experimental text-decoration-skip (en-US)
      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
      21. Experimental text-size-adjust (en-US)
      22. text-transform (en-US)
      23. text-underline-offset (en-US)
      24. text-underline-position (en-US)
    97. top (en-US)
    98. touch-action (en-US)
    99. transform-*
      1. transform
      2. transform-box (en-US)
      3. transform-origin (en-US)
      4. transform-style (en-US)
    100. transition-*
      1. transition
      2. transition-delay
      3. transition-duration (en-US)
      4. transition-property (en-US)
      5. transition-timing-function (en-US)
    101. translate (en-US)
    102. unicode-bidi (en-US)
    103. user-select
    104. vertical-align
    105. visibility
    106. white-space
    107. widows (en-US)
    108. width
    109. will-change
    110. word-break
    111. word-spacing
    112. writing-mode (en-US)
    113. z-index
  11. Selectors
    1. Attribute selectors
    2. Class selectors
    3. ID selectors
    4. Type selectors
    5. Universal selectors
  12. Combinators
    1. Adjacent sibling combinator
    2. Child combinator
    3. Experimental Column combinator (en-US)
    4. Descendant combinator
    5. General sibling combinator
    6. Selector list
  13. Pseudo-classes
    1. :active
    2. :any-link (en-US)
    3. :autofill (en-US)
    4. Experimental :blank (en-US)
    5. :checked
    6. :current (en-US)
    7. :default
    8. :defined
    9. :dir() (en-US)
    10. :disabled
    11. :empty (en-US)
    12. :enabled
    13. :first
    14. :first-child
    15. :first-of-type
    16. :focus
    17. :focus-visible (en-US)
    18. :focus-within
    19. :fullscreen
    20. :future (en-US)
    21. :has() (en-US)
    22. :host (en-US)
    23. :host-context() (en-US)
    24. :host() (en-US)
    25. :hover
    26. :in-range (en-US)
    27. :indeterminate (en-US)
    28. :invalid (en-US)
    29. :is() (en-US)
    30. :lang() (en-US)
    31. :last-child
    32. :last-of-type (en-US)
    33. :left (en-US)
    34. :link
    35. :local-link (en-US)
    36. :modal (en-US)
    37. :not()
    38. :nth-child()
    39. :nth-col() (en-US)
    40. :nth-last-child() (en-US)
    41. :nth-last-col() (en-US)
    42. :nth-last-of-type() (en-US)
    43. :nth-of-type() (en-US)
    44. :only-child (en-US)
    45. :only-of-type (en-US)
    46. :optional (en-US)
    47. :out-of-range (en-US)
    48. :past (en-US)
    49. :paused (en-US)
    50. :picture-in-picture (en-US)
    51. :placeholder-shown (en-US)
    52. :playing (en-US)
    53. :read-only (en-US)
    54. :read-write (en-US)
    55. :required (en-US)
    56. :right (en-US)
    57. :root
    58. :scope (en-US)
    59. :target (en-US)
    60. :target-within (en-US)
    61. Experimental :user-invalid (:-moz-ui-invalid) (en-US)
    62. Experimental :user-valid (:-moz-ui-valid) (en-US)
    63. :valid (en-US)
    64. :visited
    65. :where() (en-US)
  14. Pseudo-elements
    1. ::after
    2. ::backdrop (en-US)
    3. ::before
    4. ::cue (en-US)
    5. ::cue-region (en-US)
    6. ::file-selector-button (en-US)
    7. ::first-letter (en-US)
    8. ::first-line (en-US)
    9. Experimental ::grammar-error (en-US)
    10. ::marker (en-US)
    11. ::part() (en-US)
    12. ::placeholder
    13. ::selection (en-US)
    14. ::slotted() (en-US)
    15. Experimental ::spelling-error (en-US)
    16. Experimental ::target-text (en-US)
  15. At-rules
    1. @charset
    2. @color-profile (en-US)
    3. @container (en-US)
    4. @counter-style (en-US)
    5. @font-face
    6. @font-feature-values (en-US)
    7. @font-palette-values (en-US)
    8. @import
    9. @keyframes
    10. @layer (en-US)
    11. @media
    12. @namespace
    13. @page
    14. Experimental @property (en-US)
    15. @supports
  16. Functions
    1. Experimental abs() (en-US)
    2. acos() (en-US)
    3. asin() (en-US)
    4. atan() (en-US)
    5. atan2() (en-US)
    6. attr() (en-US)
    7. calc()
    8. clamp() (en-US)
    9. cos() (en-US)
    10. counter() (en-US)
    11. counters() (en-US)
    12. cross-fade() (en-US)
    13. Experimental element() (en-US)
    14. env() (en-US)
    15. Experimental exp() (en-US)
    16. fit-content() (en-US)
    17. Experimental hypot() (en-US)
    18. Experimental log() (en-US)
    19. max() (en-US)
    20. min() (en-US)
    21. minmax() (en-US)
    22. Experimental mod() (en-US)
    23. path() (en-US)
    24. Experimental pow() (en-US)
    25. Experimental rem() (en-US)
    26. repeat() (en-US)
    27. Experimental round() (en-US)
    28. Experimental sign() (en-US)
    29. sin() (en-US)
    30. Experimental sqrt() (en-US)
    31. symbols() (en-US)
    32. tan() (en-US)
    33. url()
    34. var()
  17. Types
    1. <alpha-value> (en-US)
    2. <angle>
    3. <angle-percentage>
    4. <basic-shape>
    5. <blend-mode>
    6. <calc-constant> (en-US)
    7. <calc-sum> (en-US)
    8. <color>
    9. <custom-ident> (en-US)
    10. <dashed-ident> (en-US)
    11. <dimension> (en-US)
    12. <display-box> (en-US)
    13. <display-inside> (en-US)
    14. <display-internal>
    15. <display-legacy> (en-US)
    16. <display-listitem> (en-US)
    17. <display-outside> (en-US)
    18. <easing-function> (en-US)
    19. <filter-function>
    20. <flex> (en-US)
    21. <frequency>
    22. <frequency-percentage> (en-US)
    23. <gradient>
    24. <hex-color> (en-US)
    25. <ident> (en-US)
    26. <image>
    27. <integer>
    28. <length>
    29. <length-percentage>
    30. <named-color> (en-US)
    31. <number>
    32. <percentage>
    33. <position>
    34. <ratio> (en-US)
    35. <resolution> (en-US)
    36. Deprecated <shape> (en-US)
    37. <string> (en-US)
    38. <system-color> (en-US)
    39. <time>
    40. <time-percentage> (en-US)
    41. <transform-function>
    42. <translation-value> (en-US)
  18. Guides
  19. Animations
    1. Using CSS animations
  20. Backgrounds and Borders
    1. Using multiple backgrounds
    2. Resizing background images
  21. Box alignment
    1. Box alignment in block layout (en-US)
    2. Box alignment in flexbox (en-US)
    3. Box alignment in grid layout (en-US)
    4. Box alignment in multi-column layout (en-US)
  22. Box model
    1. Introduction to the CSS basic box model
    2. Mastering margin collapsing
  23. Columns
    1. Basic concepts of Multicol (en-US)
    2. Styling columns (en-US)
    3. Spanning and balancing (en-US)
    4. Handling overflow in Multicol (en-US)
    5. Content breaks in Multicol (en-US)
  24. Conditional rules
    1. Using feature queries (en-US)
  25. CSSOM view
    1. Coordinate systems (en-US)
  26. Flexbox
    1. Basic concepts of Flexbox
    2. Comparison with other layout methods (en-US)
    3. Aligning items in a flex container
    4. Ordering flex items (en-US)
    5. Controlling flex item ratios (en-US)
    6. Mastering wrapping of flex items (en-US)
    7. Typical use cases of Flexbox
    8. Backwards compatibility of Flexbox (en-US)
  27. Flow layout
    1. Block and Inline layout in normal flow
    2. In flow and Out of flow
    3. Formatting contexts explained
    4. Flow layout and writing modes
    5. Flow layout and overflow
  28. Fonts
    1. OpenType font features guide (en-US)
    2. Variable fonts guide (en-US)
  29. Grid
    1. Basics concepts of grid layout
    2. Relationship to other layout methods
    3. Line-based placement
    4. Grid template areas
    5. Layout using named grid lines
    6. Auto-placement in grid layout (en-US)
    7. Box alignment in grid layout (en-US)
    8. Grids, logical values and writing modes (en-US)
    9. Grid layout and accessibility (en-US)
    10. Grid Layout and progressive enhancement (en-US)
    11. Realizing common layouts using grids (en-US)
    12. Subgrid (en-US)
    13. Masonry layout (en-US)
  30. Images
    1. Using CSS gradients
  31. Lists and counters
    1. Using CSS counters
    2. Consistent list indentation
  32. Logical properties
    1. Basic concepts (en-US)
    2. Floating and positioning (en-US)
    3. Margins, borders and padding (en-US)
    4. Sizing (en-US)
  33. Media queries
    1. Using media queries
    2. Using media queries for accessibility
    3. Testing media queries programmatically (en-US)
  34. Positioning
    1. Understanding CSS z-index
  35. Scroll snap
    1. Basic concepts of scroll snap (en-US)
    2. Browser compatibility and scroll snap (en-US)
  36. Shapes
    1. Overview of shapes (en-US)
    2. Shapes from box values (en-US)
    3. Basic shapes (en-US)
    4. Shapes from images (en-US)
  37. Text
    1. Wrapping and breaking text (en-US)
  38. Transforms
    1. Using transforms
  39. Transitions
    1. Using transitions
  40. Layout cookbook
    1. Media objects (en-US)
    2. Columns (en-US)
    3. Center an element (en-US)
    4. Sticky footers (en-US)
    5. Split navigation (en-US)
    6. Breadcrumb navigation (en-US)
    7. List group with badges (en-US)
    8. Pagination (en-US)
    9. Card (en-US)
    10. Grid wrapper (en-US)
  42. Tools
    1. Color picker
    2. Box shadow generator
    3. Border image generator

In this article

  • 참고서
  • 명세

CSS Namespaces

CSS Namespaces는 CSS에서 XML 네임스페이스를 지정할 수 있는 CSS 모듈입니다.

참고서

@규칙

  • @namespace

명세

Specification
CSS Namespaces Module Level 3
# declaration

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 2022년 12월 29일 by MDN contributors.

MDN logo

Your blueprint for a better internet.

  • MDN on Twitter
  • MDN on GitHub

MDN

  • About
  • Hacks Blog
  • Careers

Support

  • Product help
  • Report an issue

Our communities

  • MDN Community
  • MDN Forum
  • MDN Chat

Developers

  • Web Technologies
  • Learn Web Development
  • MDN Plus
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.