MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

CSS reference

Terjemahan ini belum lengkap. Mohon bantu menerjemahkan artikel ini dari Bahasa Inggris.

Referensi CSS ini merupakan daftar standar keselurhan properti CSS, pseudo-classes dan pseudo-elements, @-rules, units, and seleksi dalam urutan alphabet. Memperbolehkan kamu secara cepat mengakses informasi detail untuk bagian masing masing. Bukan hanya daftar properti CSS 1 dan CSS 2.1, tetapi juga merupakan sebuah referensi CSS3 yang mana mentautkan pada sebuah properti  CSS3 dan standarisasi konsep, atau yang telah stabil.

Lihat juga Mozilla CSS Extensions untuk Gecko-specific (spesifikasi Gecko) awalan properti dengan -moz; dan WebKit CSS Extensions untuk WebKit-specific properties (Webkit properti spesifikasi). Lihat Vendor-prefixed CSS Property Overview oleh Peter Beverloo untuk awal seluruh properti.

Kata Kunci Indeks

  1. A
    1. :active
    2. additive-symbols
    3. ::after (:after)
    4. align-content
    5. align-items
    6. align-self
    7. all
    8. <angle>
    9. animation
    10. animation-delay
    11. animation-direction
    12. animation-duration
    13. animation-fill-mode
    14. animation-iteration-count
    15. animation-name
    16. animation-play-state
    17. animation-timing-function
    18. @annotation
    19. annotation()
    20. 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. <counter>
    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. fallback
    2. filter
    3. :first
    4. :first-child
    5. ::first-letter (:first-letter)
    6. ::first-line (:first-line)
    7. :first-of-type
    8. flex
    9. flex-basis
    10. flex-direction
    11. flex-flow
    12. flex-grow
    13. flex-shrink
    14. flex-wrap
    15. float
    16. :focus
    17. font
    18. @font-face
    19. font-family (property)
    20. font-family (descriptor)
    21. font-feature-settings
    22. @font-feature-values
    23. font-kerning
    24. font-language-override
    25. font-size
    26. font-size-adjust
    27. font-stretch (property)
    28. font-stretch (descriptor)
    29. font-style (property)
    30. font-style (descriptor)
    31. font-synthesis
    32. font-variant (property)
    33. font-variant (descriptor)
    34. font-variant-alternates
    35. font-variant-caps
    36. font-variant-east-asian
    37. font-variant-ligatures
    38. font-variant-numeric
    39. font-variant-position
    40. font-weight (property)
    41. font-weight (descriptor)
    42. <frequency>
    43. :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. height
    3. :hover
    4. hsl()
    5. hsla()
    6. hue-rotate()
    7. hyphens
    8. hz
  9. I
    1. <image>
    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. <integer>
    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-height
    18. max-inline-size
    19. max-width
    20. max-width
    21. max-zoom
    22. @media
    23. min-block-size
    24. min-height
    25. min-height
    26. min-inline-size
    27. minmax()
    28. min-width
    29. min-width
    30. min-zoom
    31. mix-blend-mode
    32. mm
    33. ms
  14. N
    1. @namespace
    2. negative
    3. :not()
    4. :nth-child()
    5. :nth-last-child()
    6. :nth-last-of-type()
    7. :nth-of-type()
    8. <number>
  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. orientation
    14. @ornaments
    15. ornaments()
    16. orphans
    17. outline
    18. outline-color
    19. outline-offset
    20. outline-style
    21. outline-width
    22. :out-of-range
    23. overflow
    24. overflow-wrap
    25. overflow-x
    26. overflow-y
  16. P
    1. pad
    2. padding
    3. padding-block-end
    4. padding-block-start
    5. padding-bottom
    6. padding-inline-end
    7. padding-inline-start
    8. padding-left
    9. padding-right
    10. padding-top
    11. @page
    12. page-break-after
    13. page-break-before
    14. page-break-inside
    15. pc
    16. <percentage>
    17. perspective
    18. perspective()
    19. perspective-origin
    20. pointer-events
    21. polygon()
    22. position
    23. <position>
    24. prefix
    25. pt
    26. px
  17. Q
    1. quotes
  18. R
    1. rad
    2. radial-gradient()
    3. range
    4. <ratio>
    5. :read-only
    6. :read-write
    7. rect()
    8. rem
    9. repeat()
    10. ::repeat-index
    11. ::repeat-item
    12. repeating-linear-gradient()
    13. repeating-radial-gradient()
    14. :required
    15. resize
    16. <resolution>
    17. revert
    18. rgb()
    19. rgba()
    20. right
    21. :right
    22. :root
    23. rotate()
    24. rotatex()
    25. rotatey()
    26. rotatez()
    27. rotate3d()
    28. ruby-align
    29. ruby-merge
    30. ruby-position
  19. S
    1. s
    2. saturate()
    3. scale()
    4. scalex()
    5. scaley()
    6. scalez()
    7. scale3d()
    8. :scope
    9. scroll-behavior
    10. scroll-snap-coordinate
    11. scroll-snap-destination
    12. scroll-snap-points-x
    13. scroll-snap-points-y
    14. scroll-snap-type
    15. scroll-snap-type-x
    16. scroll-snap-type-y
    17. ::selection
    18. sepia()
    19. <shape>
    20. shape-image-threshold
    21. shape-margin
    22. shape-outside
    23. skew()
    24. skewx()
    25. skewy()
    26. speak-as
    27. src
    28. steps()
    29. <string>
    30. @styleset
    31. styleset()
    32. @stylistic
    33. stylistic()
    34. suffix
    35. @supports
    36. @swash
    37. swash()
    38. symbols
    39. symbols()
    40. system
    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-emphasis
    11. text-emphasis-color
    12. text-emphasis-position
    13. text-emphasis-style
    14. text-indent
    15. text-orientation
    16. text-overflow
    17. text-rendering
    18. text-shadow
    19. text-transform
    20. text-underline-position
    21. <time>
    22. <timing-function>
    23. top
    24. touch-action
    25. transform
    26. transform-box
    27. transform-origin
    28. transform-style
    29. transition
    30. transition-delay
    31. transition-duration
    32. transition-property
    33. transition-timing-function
    34. translate()
    35. translatex()
    36. translatey()
    37. translatez()
    38. translate3d()
    39. turn
  20. U
    1. unicode-bidi
    2. unicode-range
    3. :unresolved
    4. unset
    5. <uri>
    6. url()
    7. user-zoom
  21. V
    1. :valid
    2. var()
    3. vertical-align
    4. vh
    5. @viewport
    6. visibility
    7. :visited
    8. vmax
    9. vmin
    10. vw
  22. W
    1. white-space
    2. widows
    3. width
    4. width
    5. will-change
    6. word-break
    7. word-spacing
    8. word-wrap
    9. writing-mode
  23. X Y Z
    1. z-index
    2. zoom
  24. Others
    1. --*

Bagian Bagian Seleksi

A complete list of selectors in the Selectors Level 3 specification.

Tutorial CSS

Sederhananya ini cara halaman mendeskripsikan teknologi baru yang ditampilkan dalam CSS3, atau dalam CSS2.1 walau dengan dukungan rendah hingga saat ini.

Konseptual

Tag Dokumen dan Kontributor

 Kontributor untuk laman ini: dedy_serang
 Terakhir diperbarui oleh: dedy_serang,