CSS リファレンス

この CSS リファレンスは、CSS のすべての標準プロパティ、擬似クラス擬似要素@-規則、単位およびセレクタのアルファベット順一覧です。各仕様の詳細情報にすばやくアクセスできます。この一覧には、CSS 1 および CSS 2.1 のプロパティだけでなく、CSS 3 のリファレンスも含まれており、CSS3 プロパティや策定中または標準化されたコンセプトのページにリンクされています。

-moz- 接頭辞を持つ Gecko 固有のプロパティは、Mozilla 独自の CSS 拡張 をご覧ください。また、WebKit 固有のプロパティは、WebKit 独自の CSS 拡張 をご覧ください。Vendor-prefixed CSS Property Overview には、Peter Beverloo 氏によるすべての接頭辞の付いたプロパティのリストがあります。

プロパティ

  1. A
    1. :active
    2. ::after (:after)
    3. align-content
    4. align-items
    5. align-self
    6. all
    7. <角度>
    8. animation
    9. animation-delay
    10. animation-direction
    11. animation-duration
    12. animation-fill-mode
    13. animation-iteration-count
    14. animation-name
    15. animation-play-state
    16. animation-timing-function
    17. @annotation
    18. annotation()
    19. attr()
  2. B
    1. ::backdrop
    2. backface-visibility
    3. background
    4. background-attachment
    5. background-blend-mode
    6. background-clip
    7. background-color
    8. background-image
    9. background-origin
    10. background-position
    11. background-repeat
    12. background-size
    13. <basic-shape>
    14. ::before (:before)
    15. <blend-mode>
    16. block-size
    17. blur()
    18. border
    19. border-block-end
    20. border-block-end-color
    21. border-block-end-style
    22. border-block-end-width
    23. border-block-start
    24. border-block-start-color
    25. border-block-start-style
    26. border-block-start-width
    27. border-bottom
    28. border-bottom-color
    29. border-bottom-left-radius
    30. border-bottom-right-radius
    31. border-bottom-style
    32. border-bottom-width
    33. border-collapse
    34. border-color
    35. border-image
    36. border-image-outset
    37. border-image-repeat
    38. border-image-slice
    39. border-image-source
    40. border-image-width
    41. border-inline-end
    42. border-inline-end-color
    43. border-inline-end-style
    44. border-inline-end-width
    45. border-inline-start
    46. border-inline-start-color
    47. border-inline-start-style
    48. border-inline-start-width
    49. border-left
    50. border-left-color
    51. border-left-style
    52. border-left-width
    53. border-radius
    54. border-right
    55. border-right-color
    56. border-right-style
    57. border-right-width
    58. border-spacing
    59. border-style
    60. border-top
    61. border-top-color
    62. border-top-left-radius
    63. border-top-right-radius
    64. border-top-style
    65. border-top-width
    66. border-width
    67. bottom
    68. box-decoration-break
    69. box-shadow
    70. box-sizing
    71. break-after
    72. break-before
    73. break-inside
    74. brightness()
  3. C
    1. calc()
    2. caption-side
    3. ch
    4. @character-variant
    5. character-variant()
    6. @charset
    7. :checked
    8. circle()
    9. clear
    10. clip
    11. clip-path
    12. cm
    13. color
    14. <color>
    15. columns
    16. column-count
    17. column-fill
    18. column-gap
    19. column-rule
    20. column-rule-color
    21. column-rule-style
    22. column-rule-width
    23. column-span
    24. column-width
    25. content
    26. contrast()
    27. <カウンタ>
    28. counter-increment
    29. counter-reset
    30. @counter-style
    31. cubic-bezier()
    32. cursor
    33. <custom-ident>
  4. D
    1. :default
    2. deg
    3. :dir()
    4. direction
    5. :disabled
    6. display
    7. @document
    8. dpcm
    9. dpi
    10. dppx
    11. drop-shadow()
  5. E
    1. element()
    2. ellipse()
    3. em
    4. :empty
    5. empty-cells
    6. :enabled
    7. ex
  6. F
    1. filter
    2. :first
    3. :first-child
    4. ::first-letter (:first-letter)
    5. ::first-line (:first-line)
    6. :first-of-type
    7. flex
    8. flex-basis
    9. flex-direction
    10. flex-flow
    11. flex-grow
    12. flex-shrink
    13. flex-wrap
    14. float
    15. :focus
    16. font
    17. @font-face
    18. font-family
    19. font-feature-settings
    20. @font-feature-values
    21. font-kerning
    22. font-language-override
    23. font-size
    24. font-size-adjust
    25. font-stretch
    26. font-style
    27. font-synthesis
    28. font-variant
    29. font-variant-alternates
    30. font-variant-caps
    31. font-variant-east-asian
    32. font-variant-ligatures
    33. font-variant-numeric
    34. font-variant-position
    35. font-weight
    36. <周波数>
    37. :fullscreen
  7. G
    1. grad
    2. <gradient>
    3. grayscale()
    4. grid
    5. grid-area
    6. grid-auto-columns
    7. grid-auto-flow
    8. grid-auto-position
    9. grid-auto-rows
    10. grid-column
    11. grid-column-start
    12. grid-column-end
    13. grid-row
    14. grid-row-start
    15. grid-row-end
    16. grid-template
    17. grid-template-areas
    18. grid-template-rows
    19. grid-template-columns
  8. H
    1. height
    2. :hover
    3. hsl()
    4. hsla()
    5. hue-rotate()
    6. hyphens
    7. hz
  9. I
    1. <画像>
    2. image()
    3. image-rendering
    4. image-resolution
    5. image-orientation
    6. ime-mode
    7. @import
    8. in
    9. :indeterminate
    10. inherit
    11. initial
    12. inline-size
    13. :in-range
    14. inset()
    15. <整数値>
    16. :invalid
    17. invert()
    18. isolation
  10. J
    1. justify-content
  11. K
    1. @keyframes
    2. khz
  12. L
    1. :lang()
    2. :last-child
    3. :last-of-type
    4. left
    5. :left
    6. <length>
    7. letter-spacing
    8. linear-gradient()
    9. line-break
    10. line-height
    11. :link
    12. list-style
    13. list-style-image
    14. list-style-position
    15. list-style-type
  13. M
    1. margin
    2. margin-block-end
    3. margin-block-start
    4. margin-bottom
    5. margin-inline-end
    6. margin-inline-start
    7. margin-left
    8. margin-right
    9. margin-top
    10. marks
    11. mask
    12. mask-type
    13. matrix()
    14. matrix3d()
    15. max-block-size
    16. max-height
    17. max-inline-size
    18. max-width
    19. @media
    20. min-block-size
    21. min-height
    22. min-inline-size
    23. minmax()
    24. min-width
    25. mix-blend-mode
    26. mm
    27. ms
  14. N
    1. @namespace
    2. :not()
    3. :nth-child()
    4. :nth-last-child()
    5. :nth-last-of-type()
    6. :nth-of-type()
    7. <数量>
  15. O
    1. object-fit
    2. object-position
    3. offset-block-end
    4. offset-block-start
    5. offset-inline-end
    6. offset-inline-start
    7. :only-child
    8. :only-of-type
    9. opacity
    10. opacity()
    11. :optional
    12. order
    13. @ornaments
    14. ornaments()
    15. orphans
    16. outline
    17. outline-color
    18. outline-offset
    19. outline-style
    20. outline-width
    21. :out-of-range
    22. overflow
    23. overflow-wrap
    24. overflow-x
    25. overflow-y
  16. P
    1. padding
    2. padding-block-end
    3. padding-block-start
    4. padding-bottom
    5. padding-inline-end
    6. padding-inline-start
    7. padding-left
    8. padding-right
    9. padding-top
    10. @page
    11. page-break-after
    12. page-break-before
    13. page-break-inside
    14. pc
    15. <割合>
    16. perspective
    17. perspective()
    18. perspective-origin
    19. pointer-events
    20. polygon()
    21. position
    22. <position>
    23. pt
    24. px
  17. Q
    1. quotes
  18. R
    1. rad
    2. radial-gradient()
    3. <画面比率>
    4. :read-only
    5. :read-write
    6. rect()
    7. rem
    8. repeat()
    9. ::repeat-index
    10. ::repeat-item
    11. repeating-linear-gradient()
    12. repeating-radial-gradient()
    13. :required
    14. resize
    15. <解像度>
    16. rgb()
    17. rgba()
    18. right
    19. :right
    20. :root
    21. rotate()
    22. rotatex()
    23. rotatey()
    24. rotatez()
    25. rotate3d()
    26. ruby-align
    27. ruby-merge
    28. ruby-position
  19. S
    1. s
    2. saturate()
    3. scale()
    4. scalex()
    5. scaley()
    6. scalez()
    7. scale3d()
    8. :scope
    9. scroll-behavior
    10. ::selection
    11. sepia()
    12. <形状>
    13. shape-image-threshold
    14. shape-margin
    15. shape-outside
    16. skew()
    17. skewx()
    18. skewy()
    19. steps()
    20. <文字列>
    21. @styleset
    22. styleset()
    23. @stylistic
    24. stylistic()
    25. @supports
    26. @swash
    27. swash()
    28. symbols()
    T
    1. table-layout
    2. tab-size
    3. :target
    4. text-align
    5. text-align-last
    6. text-combine-upright
    7. text-decoration
    8. text-decoration-color
    9. text-decoration-line
    10. text-decoration-style
    11. text-indent
    12. text-orientation
    13. text-overflow
    14. text-rendering
    15. text-shadow
    16. text-transform
    17. text-underline-position
    18. <時間>
    19. <タイミング関数>
    20. top
    21. touch-action
    22. transform
    23. transform-origin
    24. transform-style
    25. transition
    26. transition-delay
    27. transition-duration
    28. transition-property
    29. transition-timing-function
    30. translate()
    31. translatex()
    32. translatey()
    33. translatez()
    34. translate3d()
    35. turn
  20. U
    1. unicode-bidi
    2. unicode-range
    3. :unresolved
    4. unset
    5. <uri>
    6. url()
  21. V
    1. :valid
    2. ::value
    3. var()
    4. vertical-align
    5. vh
    6. @viewport
    7. visibility
    8. :visited
    9. vmax
    10. vmin
    11. vw
  22. W
    1. white-space
    2. widows
    3. width
    4. will-change
    5. word-break
    6. word-spacing
    7. word-wrap
    8. writing-mode
  23. X Y Z
    1. z-index

セレクタ

Selectors Level 3 仕様の完全な セレクタの一覧

CSS3 チュートリアル

CSS3 で登場したか、CSS2.1 にあって最近サポートが充実してきた新しい技術の小さな手引書です:

概念

ドキュメントのタグと貢献者

Contributors to this page: Marsf, ethertank, sosleepy, sii, saneyuki_s, Potappo, tregagnon, Taken, Mgjbot
最終更新者: Marsf,