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

Learn front-end development with high quality, interactive courses from Scrimba. Enroll now!

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

    • Accessibility

      Build web projects usable for all

    • Web Technology

      Web technology reference for developers

  • Learn
    • 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

      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

  • Curriculum New
  • Blog
    • Playground

      Write, test and share your code

    • HTTP Observatory

      Scan a website for free

    • AI Help

      Get real-time assistance and support

  1. 開発者向けのウェブ技術
  2. CSS: カスケーディングスタイルシート
  3. CSS 表
    • Is this useful?
    • English (US)
    • Deutsch
    • Français
    • 한국어
    • Русский
    • 中文 (简体)

このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

この記事では

  • リファレンス
  • 仕様書
  1. CSS
  2. 初心者向けチュートリアル
  3. 初めてのウェブサイト: コンテンツのスタイル設定
  4. CSS スタイル設定の基本
    1. CSS とは何か
    2. CSS 入門
    3. 課題: 経歴ページのスタイル設定
    4. 基本的な CSS セレクター
    5. 属性セレクター
    6. 擬似クラスと擬似要素
    7. 結合子
    8. ボックスモデル
    9. 競合の処理
    10. CSS の値と単位
    11. CSS におけるアイテムのサイズ設定
    12. 背景と境界線
    13. コンテンツのオーバーフロー
    14. 画像、メディア、フォーム要素
    15. 表のスタイル設定
    16. CSS のデバッグ
    17. 課題: 基本的な CSS の理解
    18. 課題: 美しいレターヘッド付きの便箋の作成
    19. 課題: かっこいいボックス
  5. CSS テキストの装飾
    1. 基本的なテキストとフォントのスタイル設定
    2. リストのスタイル設定
    3. リンクのスタイル設定
    4. ウェブフォント
    5. 課題: コミュニティスクールのホームページの組版
  6. CSS レイアウト
    1. CSS レイアウト入門
    2. 浮動ボックス
    3. 位置指定
    4. フレックスボックス
    5. CSS グリッドレイアウト
    6. レスポンシブデザイン
    7. メディアクエリーの基本
    8. 課題: 基礎的なレイアウトの理解
  7. CSS リファレンス
  8. Modules
    1. CSS アンカー位置指定
    2. CSS アニメーション
    3. CSS 背景と境界
    4. CSS 基本ユーザーインターフェイス
    5. CSS ボックス配置
    6. CSS ボックスモデル
    7. CSS ボックスサイズ指定
    8. CSS カスケードと継承
    9. CSS 色調整
    10. CSS 色
    11. CSS 合成と混合
    12. CSS 条件付き規則
    13. CSS コンテナー
    14. CSS カウンタースタイル
    15. カスケード変数のための CSS カスタムプロパティ
    16. CSS 表示方法
    17. フィルター効果
    18. CSS フレックスボックスレイアウト
    19. CSS フォント読み込み
    20. CSS フォント
    21. CSS 断片化
    22. CSS 生成コンテンツ
    23. CSS グリッドレイアウト
    24. CSS 画像
    25. CSS インラインレイアウト
    26. CSS リストとカウンター
    27. CSS 論理的プロパティと値
    28. CSS マスク
    29. メディアクエリー
    30. CSS モーションパス
    31. CSS 段組みレイアウト
    32. CSS 名前空間
    33. CSS 入れ子
    34. CSS オーバーフロー
    35. CSS オーバースクロール動作
    36. CSS ページメディア
    37. CSS 位置指定レイアウト
    38. CSS プロパティと値 API
    39. CSS 擬似要素
    40. CSS ルビレイアウト
    41. CSS スコープ
    42. CSS スクロール固定
    43. CSS スクロールスナップ
    44. CSS スクロール駆動アニメーション
    45. CSS スクロールバースタイル設定
    46. CSS セレクター
    47. CSS shadow parts
    48. CSS シェイプ
    49. CSS 構文
    50. CSS 表
    51. CSS テキスト
    52. CSS テキスト装飾
    53. CSS 座標変換
    54. CSS トランジション
    55. CSS 値と単位
    56. CSS ビュー遷移
    57. CSS 書字方向
    58. CSSOM ビュー
  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. カスタムプロパティ (--*): CSS 変数
    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. 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. resize
    97. right
    98. rotate
    99. row-gap
    100. ruby-align
    101. ruby-position
    102. rx
    103. ry
    104. scale
    105. 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-stop
      26. scroll-snap-type
      27. scroll-timeline Experimental
      28. scroll-timeline-axis Experimental
      29. scroll-timeline-name Experimental
    106. scrollbar-*
      1. scrollbar-color
      2. scrollbar-gutter
      3. scrollbar-width
    107. shape-*
      1. shape-image-threshold
      2. shape-margin
      3. shape-outside
      4. shape-rendering
    108. speak-as Experimental
    109. stop-color
    110. stop-opacity
    111. stroke-*
      1. stroke
      2. stroke-dasharray
      3. stroke-dashoffset
      4. stroke-linecap
      5. stroke-linejoin
      6. stroke-miterlimit
      7. stroke-opacity
      8. stroke-width
    112. tab-size
    113. table-layout
    114. 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
    115. timeline-scope Experimental
    116. top
    117. touch-action
    118. transform-*
      1. transform
      2. transform-box
      3. transform-origin
      4. transform-style
    119. transition-*
      1. transition
      2. transition-behavior
      3. transition-delay
      4. transition-duration
      5. transition-property
      6. transition-timing-function
    120. translate
    121. unicode-bidi
    122. user-modify 非標準 非推奨;
    123. user-select
    124. vector-effect
    125. vertical-align
    126. view-*
      1. view-timeline Experimental
      2. view-timeline-axis Experimental
      3. view-timeline-inset Experimental
      4. view-timeline-name Experimental
      5. view-transition-name
    127. visibility
    128. white-space
    129. white-space-collapse
    130. widows
    131. width
    132. will-change
    133. word-break
    134. word-spacing
    135. writing-mode
    136. x
    137. y
    138. z-index
    139. zoom
  10. Selectors
    1. & 入れ子セレクター
    2. 属性セレクター
    3. クラスセレクター
    4. ID セレクター
    5. 要素型セレクター
    6. 全称セレクター
  11. Combinators
    1. 子結合子
    2. 列結合子 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
    60. :target-within Experimental
    61. :user-invalid (:-moz-ui-invalid)
    62. :user-valid (:-moz-ui-valid)
    63. :valid
    64. :visited
    65. :volume-locked
    66. :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 (:before)
    6. ::checkmark Experimental
    7. ::cue
    8. ::details-content
    9. ::file-selector-button
    10. ::first-letter
    11. ::first-line (:first-line)
    12. ::grammar-error
    13. ::highlight()
    14. ::marker
    15. ::part()
    16. ::picker-icon Experimental
    17. ::picker() Experimental
    18. ::placeholder
    19. ::selection
    20. ::slotted()
    21. ::spelling-error
    22. ::target-text
    23. ::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. アニメーション
    1. CSS アニメーションの使用
  19. 背景と境界
    1. 複数の背景画像の利用
    2. 背景画像の拡大縮小
  20. Box alignment
    1. ブロックレイアウトでのボックス配置
    2. フレックスボックスでのボックス配置
    3. グリッドレイアウトでのボックス配置
    4. 段組みレイアウトでのボックス配置
  21. ボックスモデル
    1. CSS 基本ボックスモデル入門
    2. マージンの相殺の習得
  22. 色
    1. Applying color to HTML
    2. Color values
    3. 相対色の使用
    4. Using color wisely
    5. Accessibility: Colors and luminance
    6. アクセシビリティ: 色のコントラスト
  23. 段組み
    1. 段組みの基本概念
    2. 段のスタイル付け
    3. 段抜きと段の均衡
    4. 段組みでのはみ出しの扱い
    5. 段組みにおける内容物の分割の扱い
  24. 条件付きルール
    1. 機能クエリーの使用
  25. 拘束
    1. CSS コンテナーの使用
    2. CSS コンテナークエリー
    3. コンテナーのサイズおよびスタイルクエリーの使用
  26. CSSOM view
    1. 座標系
  27. フローレイアウト
    1. 通常フローでのブロック及びインラインレイアウト
    2. フロー内とフローの外
    3. 整形コンテキストの紹介
    4. フローレイアウトと書字方向
    5. フローレイアウトとオーバーフロー
    6. CSS display の複数キーワード構文の使用
  28. フレックスボックス
    1. フレックスボックスの基本概念
    2. フレックスボックスと他のレイアウト方法の関係
    3. フレックスコンテナー内のアイテムの配置
    4. フレックスアイテムの順序
    5. 主軸方向のフレックスアイテムの比率の制御
    6. フレックスアイテムの折り返しをマスターする
    7. フレックスボックスの典型的な用途
  29. フォント
    1. OpenType フォント特性の手引き
    2. 可変フォントガイド
  30. グリッド
    1. グリッドレイアウトの基本概念
    2. グリッドレイアウトと他のレイアウト方法との関係
    3. 線に基づく配置を使用したグリッドレイアウト
    4. グリッドテンプレート領域
    5. 名前付きグリッド線を使用したレイアウト
    6. グリッドレイアウトでの自動配置
    7. グリッドレイアウトのボックス配置
    8. グリッド、論理的な値、書字方向
    9. グリッドレイアウトとアクセシビリティ
    10. グリッドを使用したよくあるレイアウトの実現
    11. サブグリッド
    12. メイソンリーレイアウト Experimental
  31. 画像
    1. CSS グラデーションの使用
  32. リストとカウンター
    1. CSS カウンターの使用
    2. 一貫性のあるリストのインデント
  33. 論理的プロパティ
    1. 論理的プロパティと値の基本概念
    2. 浮動と位置指定の論理的プロパティ
    3. マージン、境界、パディングの論理的プロパティ
    4. 寸法の論理的プロパティ
  34. 数学関数
    1. CSS 数学関数の使用
  35. メディアクエリー
    1. メディアクエリーの使用
    2. アクセシビリティのためのメディアクエリーの使用
    3. プログラムによるメディアクエリーの評価
    4. 印刷
  36. 入れ子のスタイルルール
    1. CSS 入れ子の使用
    2. CSS 入れ子アットルール
    3. CSS 入れ子と詳細度
  37. 位置指定
    1. z-index を理解する
  38. スクロールスナップ
    1. CSS スクロールスナップの基本概念
  39. シェイプ
    1. CSS シェイプの概要
    2. ボックス値からのシェイプ
    3. 基本シェイプ
    4. 画像からのシェイプの作成
  40. テキスト
    1. テキストの分割と折り返し
  41. 座標変換
    1. CSS 座標変換の使用
  42. トランジション
    1. CSS トランジションの使用
  43. CSS レイアウト料理帳
    1. レシピ: メディアオブジェクト
    2. 欄レイアウト
    3. 要素を中央に配置
    4. 張りつくフッター
    5. ナビゲーションの分割
    6. パンくずナビゲーション
    7. バッジ付きリストグループ
    8. ページ付け
    9. カード
    10. グリッドラッパー
  45. ツール
    1. 色選択ツール
    2. ボックスの影作成ツール
    3. 境界画像作成ツール
    4. 境界角丸作成ツール

この記事では

  • リファレンス
  • 仕様書

CSS 表

We’d love to hear your thoughts on the next set of proposals for the JavaScript language. You can find a description of the proposals here.
Please take two minutes to fill out our short survey.

CSS 表 (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月26日 by MDN contributors.

View this page on GitHub • 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 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
  • 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–2025 by individual mozilla.org contributors. Content available under a Creative Commons license.