• 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

  • Log in
  • Get MDN Plus
  1. References
  2. CSS
  3. CSS Table

In this article

  • Reference
  • Specifications
  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. CSS selectors
    3. Type, class, and ID selectors
    4. Attribute selectors
    5. Pseudo-classes and pseudo-elements
    6. Combinators
    7. Cascade, specificity, and inheritance
    8. Cascade layers
    9. The box model
    10. Backgrounds and borders
    11. Handling different text directions
    12. Overflowing content
    13. CSS values and units
    14. Sizing items in CSS
    15. Images, media, and form elements
    16. Styling tables
    17. Debugging CSS
    18. Organizing your CSS
    19. Assessment: Fundamental CSS comprehension
    20. Assessment: Creating fancy letterheaded paper
    21. Assessment: A cool-looking box
  6. Styling text
    1. Styling text overview
    2. Fundamental text and font styling
    3. Styling lists
    4. Styling links
    5. Web fonts
    6. Assessment: Typesetting a community school homepage
  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
  8. Reference
  9. Modules
    1. CSS compositing and blending
    2. CSS animations
    3. CSS backgrounds and borders
    4. CSS Basic User Interface
    5. CSS Box Alignment
    6. CSS Box Model
    7. CSS Charsets
    8. CSS color adjustment
    9. CSS Colors
    10. CSS Multi-column Layout
    11. CSS Conditional Rules
    12. CSS Containment
    13. CSS Counter Styles
    14. CSS Display
    15. CSS Flexible Box Layout
    16. CSS Fonts
    17. CSS Fragmentation
    18. CSS Generated Content
    19. CSS Grid Layout
    20. CSS Images
    21. CSS Lists
    22. CSS Logical Properties and Values
    23. CSS Masking
    24. CSS Miscellaneous
    25. CSS Motion Path
    26. CSS Namespaces
    27. CSS Overflow
    28. CSS Paged Media
    29. CSS Positioned Layout
    30. CSS Ruby Layout
    31. CSS Scroll Snap
    32. CSS Scroll Snap Points
    33. CSS Scrollbars
    34. CSS Shapes
    35. CSS Table
    36. CSS Text
    37. CSS Text Decoration
    38. CSS Transforms
    39. CSS Transitions
    40. CSS Custom Properties for Cascading Variables
    41. CSS Writing Modes
    42. CSSOM View
    43. CSS filter effects
    44. Media queries
    45. Paged media
  10. Properties
    1. -moz-*
      1. -moz-float-edge Non-standard Deprecated
      2. -moz-force-broken-image-icon Non-standard Deprecated
      3. -moz-image-region Non-standard
      4. -moz-orient Non-standard
      5. -moz-outline-radius Non-standard Deprecated
      6. -moz-outline-radius-bottomleft Non-standard Deprecated
      7. -moz-outline-radius-bottomright Non-standard Deprecated
      8. -moz-outline-radius-topleft Non-standard Deprecated
      9. -moz-outline-radius-topright Non-standard Deprecated
      10. -moz-user-focus Non-standard
      11. -moz-user-input Non-standard Deprecated
    2. -webkit-*
      1. -webkit-border-before Non-standard
      2. -webkit-box-reflect Non-standard
      3. -webkit-line-clamp
      4. -webkit-mask-attachment Non-standard
      5. -webkit-mask-box-image Non-standard
      6. -webkit-mask-composite Non-standard
      7. -webkit-mask-position-x Non-standard
      8. -webkit-mask-position-y Non-standard
      9. -webkit-mask-repeat-x Non-standard
      10. -webkit-mask-repeat-y Non-standard
      11. -webkit-overflow-scrolling Non-standard
      12. -webkit-tap-highlight-color Non-standard
      13. -webkit-text-fill-color
      14. -webkit-text-security Non-standard
      15. -webkit-text-stroke
      16. -webkit-text-stroke-color
      17. -webkit-text-stroke-width
      18. -webkit-touch-callout Non-standard
    3. accent-color
    4. align-*
      1. align-content
      2. align-items
      3. align-self
      4. align-tracks Experimental
    5. all
    6. animation-*
      1. animation
      2. animation-composition Experimental
      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-timeline Experimental
      11. animation-timing-function
    7. appearance
    8. aspect-ratio
    9. backdrop-filter
    10. backface-visibility
    11. 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
    12. block-size
    13. 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
    14. bottom
    15. box-*
      1. box-align Non-standard Deprecated
      2. box-decoration-break
      3. box-direction Non-standard Deprecated
      4. box-flex Non-standard Deprecated
      5. box-flex-group Non-standard Deprecated
      6. box-lines Non-standard Deprecated
      7. box-ordinal-group Non-standard Deprecated
      8. box-orient Non-standard Deprecated
      9. box-pack Non-standard Deprecated
      10. box-shadow
      11. box-sizing
    16. break-*
      1. break-after
      2. break-before
      3. break-inside
    17. caption-side
    18. caret-color
    19. clear
    20. clip Deprecated
    21. clip-path
    22. color
    23. color-scheme
    24. 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
    25. columns
    26. 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
    27. container-*
      1. container
      2. container-name
      3. container-type
    28. content
    29. content-visibility Experimental
    30. counter-*
      1. counter-increment
      2. counter-reset
      3. counter-set
    31. cursor
    32. direction
    33. display
    34. empty-cells
    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
      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 Non-standard
      11. font-stretch
      12. font-style
      13. font-synthesis
      14. font-variant
      15. font-variant-alternates
      16. font-variant-caps
      17. font-variant-east-asian
      18. font-variant-emoji
      19. font-variant-ligatures
      20. font-variant-numeric
      21. font-variant-position
      22. font-variation-settings
      23. font-weight
    39. forced-color-adjust
    40. gap
    41. 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
    42. hanging-punctuation
    43. height
    44. hyphenate-character
    45. hyphenate-limit-chars
    46. hyphens
    47. image-*
      1. image-orientation
      2. image-rendering
      3. image-resolution Experimental
    48. initial-letter Experimental
    49. initial-letter-align Experimental
    50. inline-size
    51. 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
    52. isolation
    53. justify-*
      1. justify-content
      2. justify-items
      3. justify-self
      4. justify-tracks Experimental
    54. left
    55. letter-spacing
    56. line-*
      1. line-break
      2. line-height
      3. line-height-step Experimental
    57. list-*
      1. list-style
      2. list-style-image
      3. list-style-position
      4. list-style-type
    58. 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
    59. 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
    60. masonry-auto-flow Experimental
    61. math-*
      1. math-depth Experimental
      2. math-shift Experimental
      3. math-style
    62. max-*
      1. max-block-size
      2. max-height
      3. max-inline-size
      4. max-width
    63. min-*
      1. min-block-size
      2. min-height
      3. min-inline-size
      4. min-width
    64. mix-blend-mode
    65. object-fit
    66. object-position
    67. offset-*
      1. offset
      2. offset-anchor
      3. offset-distance
      4. offset-path
      5. offset-position Experimental
      6. offset-rotate
    68. opacity
    69. order
    70. orphans
    71. outline-*
      1. outline
      2. outline-color
      3. outline-offset
      4. outline-style
      5. outline-width
    72. 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
    73. overscroll-*
      1. overscroll-behavior
      2. overscroll-behavior-block
      3. overscroll-behavior-inline
      4. overscroll-behavior-x
      5. overscroll-behavior-y
    74. 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
    75. page-*
      1. page
      2. page-break-after
      3. page-break-before
      4. page-break-inside
    76. paint-order
    77. perspective
    78. perspective-origin
    79. place-*
      1. place-content
      2. place-items
      3. place-self
    80. pointer-events
    81. position
    82. print-color-adjust
    83. quotes
    84. resize
    85. right
    86. rotate
    87. row-gap
    88. ruby-align Experimental
    89. ruby-position
    90. scale
    91. scroll-*
      1. scroll-behavior
      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-padding
      14. scroll-padding-block
      15. scroll-padding-block-end
      16. scroll-padding-block-start
      17. scroll-padding-bottom
      18. scroll-padding-inline
      19. scroll-padding-inline-end
      20. scroll-padding-inline-start
      21. scroll-padding-left
      22. scroll-padding-right
      23. scroll-padding-top
      24. scroll-snap-align
      25. scroll-snap-coordinate Non-standard Deprecated
      26. scroll-snap-destination Non-standard Deprecated
      27. scroll-snap-points-x Non-standard Deprecated
      28. scroll-snap-points-y Non-standard Deprecated
      29. scroll-snap-stop
      30. scroll-snap-type
      31. scroll-snap-type-x Non-standard Deprecated
      32. scroll-snap-type-y Non-standard Deprecated
      33. scroll-timeline Experimental
      34. scroll-timeline-axis Experimental
      35. scroll-timeline-name Experimental
    92. scrollbar-*
      1. scrollbar-color
      2. scrollbar-gutter
      3. scrollbar-width
    93. shape-*
      1. shape-image-threshold
      2. shape-margin
      3. shape-outside
    94. tab-size
    95. table-layout
    96. text-*
      1. text-align
      2. text-align-last
      3. text-combine-upright
      4. text-decoration
      5. text-decoration-color
      6. text-decoration-line
      7. text-decoration-skip Experimental
      8. text-decoration-skip-ink
      9. text-decoration-style
      10. text-decoration-thickness
      11. text-emphasis
      12. text-emphasis-color
      13. text-emphasis-position
      14. text-emphasis-style
      15. text-indent
      16. text-justify
      17. text-orientation
      18. text-overflow
      19. text-rendering
      20. text-shadow
      21. text-size-adjust Experimental
      22. text-transform
      23. text-underline-offset
      24. text-underline-position
    97. top
    98. touch-action
    99. transform-*
      1. transform
      2. transform-box
      3. transform-origin
      4. transform-style
    100. transition-*
      1. transition
      2. transition-delay
      3. transition-duration
      4. transition-property
      5. transition-timing-function
    101. translate
    102. unicode-bidi
    103. user-modify Non-standard Deprecated
    104. user-select
    105. vertical-align
    106. view-transition-name Experimental
    107. visibility
    108. white-space
    109. widows
    110. width
    111. will-change
    112. word-break
    113. word-spacing
    114. writing-mode
    115. z-index
    116. zoom Non-standard
  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. Column combinator Experimental
    4. Descendant combinator
    5. General sibling combinator
    6. Selector list
  13. Pseudo-classes
    1. :-moz-broken Non-standard
    2. :-moz-drag-over Non-standard
    3. :-moz-first-node Non-standard
    4. :-moz-focusring Non-standard
    5. :-moz-handler-blocked Non-standard
    6. :-moz-handler-crashed Non-standard
    7. :-moz-handler-disabled Non-standard
    8. :-moz-last-node Non-standard
    9. ::-moz-list-bullet Non-standard
    10. ::-moz-list-number Non-standard
    11. :-moz-loading Non-standard
    12. :-moz-locale-dir(ltr) Non-standard
    13. :-moz-locale-dir(rtl) Non-standard
    14. :-moz-only-whitespace Non-standard
    15. :-moz-submit-invalid Non-standard
    16. :-moz-suppressed Non-standard
    17. :-moz-user-disabled Non-standard
    18. :-moz-window-inactive Non-standard
    19. :active
    20. :any-link
    21. :autofill
    22. :blank Experimental
    23. :checked
    24. :current
    25. :default
    26. :defined
    27. :dir()
    28. :disabled
    29. :empty
    30. :enabled
    31. :first
    32. :first-child
    33. :first-of-type
    34. :focus
    35. :focus-visible
    36. :focus-within
    37. :fullscreen
    38. :future Experimental
    39. :has()
    40. :host
    41. :host-context()
    42. :host()
    43. :hover
    44. :in-range
    45. :indeterminate
    46. :invalid
    47. :is()
    48. :lang()
    49. :last-child
    50. :last-of-type
    51. :left
    52. :link
    53. :local-link
    54. :modal
    55. :not()
    56. :nth-child()
    57. :nth-col()
    58. :nth-last-child()
    59. :nth-last-col()
    60. :nth-last-of-type()
    61. :nth-of-type()
    62. :only-child
    63. :only-of-type
    64. :optional
    65. :out-of-range
    66. :past Experimental
    67. :paused
    68. :picture-in-picture
    69. :placeholder-shown
    70. :playing
    71. :read-only
    72. :read-write
    73. :required
    74. :right
    75. :root
    76. :scope
    77. :target
    78. :target-within Experimental
    79. :user-invalid (:-moz-ui-invalid) Experimental
    80. :user-valid (:-moz-ui-valid) Experimental
    81. :valid
    82. :visited
    83. :where()
  14. Pseudo-elements
    1. ::-moz-color-swatch Non-standard
    2. ::-moz-focus-inner Non-standard
    3. ::-moz-page Non-standard
    4. ::-moz-page-sequence Non-standard
    5. ::-moz-progress-bar Non-standard
    6. ::-moz-range-progress Non-standard
    7. ::-moz-range-thumb Non-standard
    8. ::-moz-range-track Non-standard
    9. ::-moz-scrolled-page-sequence Non-standard
    10. ::-webkit-inner-spin-button Non-standard
    11. ::-webkit-meter-bar Non-standard
    12. ::-webkit-meter-even-less-good-value Non-standard
    13. ::-webkit-meter-inner-element Non-standard
    14. ::-webkit-meter-optimum-value Non-standard
    15. ::-webkit-meter-suboptimum-value Non-standard
    16. ::-webkit-outer-spin-button Non-standard
    17. ::-webkit-progress-bar Non-standard
    18. ::-webkit-progress-inner-element Non-standard
    19. ::-webkit-progress-value Non-standard
    20. ::-webkit-scrollbar Non-standard
    21. ::-webkit-search-cancel-button Non-standard
    22. ::-webkit-search-results-button Non-standard
    23. ::-webkit-slider-runnable-track Non-standard
    24. ::-webkit-slider-thumb Non-standard
    25. ::after
    26. ::backdrop
    27. ::before
    28. ::cue
    29. ::cue-region
    30. ::file-selector-button
    31. ::first-letter
    32. ::first-line
    33. ::grammar-error Experimental
    34. ::highlight() Experimental
    35. ::marker
    36. ::part()
    37. ::placeholder
    38. ::selection
    39. ::slotted()
    40. ::spelling-error Experimental
    41. ::target-text Experimental
    42. ::view-transition Experimental
    43. ::view-transition-group Experimental
    44. ::view-transition-image-pair Experimental
    45. ::view-transition-new Experimental
    46. ::view-transition-old Experimental
  15. At-rules
    1. @charset
    2. @color-profile
    3. @container
    4. @counter-style
    5. @document Non-standard Deprecated
    6. @font-face
    7. @font-feature-values
    8. @font-palette-values
    9. @import
    10. @keyframes
    11. @layer
    12. @media
    13. @namespace
    14. @page
    15. @property Experimental
    16. @supports
  16. Functions
    1. -moz-image-rect Experimental Non-standard
    2. abs() Experimental
    3. acos()
    4. asin()
    5. atan()
    6. atan2()
    7. attr()
    8. calc()
    9. clamp()
    10. cos()
    11. counter()
    12. counters()
    13. cross-fade()
    14. element() Experimental
    15. env()
    16. exp() Experimental
    17. fit-content()
    18. hypot() Experimental
    19. log() Experimental
    20. max()
    21. min()
    22. minmax()
    23. mod() Experimental
    24. path()
    25. pow() Experimental
    26. rem() Experimental
    27. repeat()
    28. round() Experimental
    29. sign() Experimental
    30. sin()
    31. sqrt() Experimental
    32. symbols()
    33. tan()
    34. url()
    35. var()
  17. Types
    1. <alpha-value>
    2. <angle>
    3. <angle-percentage>
    4. <basic-shape>
    5. <blend-mode>
    6. <calc-constant>
    7. <calc-sum>
    8. <color>
    9. <custom-ident>
    10. <dashed-ident>
    11. <dimension>
    12. <display-box>
    13. <display-inside>
    14. <display-internal>
    15. <display-legacy>
    16. <display-listitem>
    17. <display-outside>
    18. <easing-function>
    19. <filter-function>
    20. <flex>
    21. <frequency>
    22. <frequency-percentage>
    23. <gradient>
    24. <hex-color>
    25. <ident>
    26. <image>
    27. <integer>
    28. <length>
    29. <length-percentage>
    30. <named-color>
    31. <number>
    32. <percentage>
    33. <position>
    34. <ratio>
    35. <resolution>
    36. <shape> Deprecated
    37. <string>
    38. <system-color>
    39. <time>
    40. <time-percentage>
    41. <transform-function>
    42. <translation-value>
  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
    2. Box alignment in flexbox
    3. Box alignment in grid layout
    4. Box alignment in multi-column layout
  22. Box model
    1. Introduction to the CSS basic box model
    2. Mastering margin collapsing
  23. Columns
    1. Basic concepts of Multicol
    2. Styling columns
    3. Spanning and balancing
    4. Handling overflow in Multicol
    5. Content breaks in Multicol
  24. Conditional rules
    1. Using feature queries
  25. CSSOM view
    1. Coordinate systems
  26. Flexbox
    1. Basic concepts of Flexbox
    2. Comparison with other layout methods
    3. Aligning items in a flex container
    4. Ordering flex items
    5. Controlling flex item ratios
    6. Mastering wrapping of flex items
    7. Typical use cases of Flexbox
    8. Backwards compatibility of Flexbox
  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
    2. Variable fonts guide
  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
    7. Box alignment in grid layout
    8. Grids, logical values and writing modes
    9. Grid layout and accessibility
    10. Grid Layout and progressive enhancement
    11. Realizing common layouts using grids
    12. Subgrid
    13. Masonry layout
  30. Images
    1. Using CSS gradients
  31. Lists and counters
    1. Using CSS counters
    2. Consistent list indentation
  32. Logical properties
    1. Basic concepts
    2. Floating and positioning
    3. Margins, borders and padding
    4. Sizing
  33. Media queries
    1. Using media queries
    2. Using media queries for accessibility
    3. Testing media queries programmatically
  34. Positioning
    1. Understanding CSS z-index
  35. Scroll snap
    1. Basic concepts of scroll snap
  36. Shapes
    1. Overview of shapes
    2. Shapes from box values
    3. Basic shapes
    4. Shapes from images
  37. Text
    1. Wrapping and breaking text
  38. Transforms
    1. Using transforms
  39. Transitions
    1. Using transitions
  40. Layout cookbook
    1. Media objects
    2. Columns
    3. Center an element
    4. Sticky footers
    5. Split navigation
    6. Breadcrumb navigation
    7. List group with badges
    8. Pagination
    9. Card
    10. Grid wrapper
  41. Tools
    1. Color picker
    2. Box shadow generator
    3. Border image generator

In this article

  • Reference
  • Specifications

CSS Table

CSS Table is a CSS module that defines how to lay out table data.

Reference

Properties

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

Specifications

Specification
Cascading Style Sheets Level 2 Revision 2 (CSS 2.2) Specification

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 Feb 21, 2023 by MDN contributors.

MDN logo

Your blueprint for a better internet.

  • MDN on Twitter
  • MDN on GitHub

MDN

  • About
  • Hacks 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
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.