Mapa Składników CSS

Selektory CSS

  1. *
  2. E
  3. #ID
  4. .CLASS
  5. S S
  6. S > S
  7. S + S
  8. S ~ S
  9. [A]
  10. [A="V"]
  11. [A~="V"]
  12. [A^="V"]
  13. [A$="V"]
  14. [A*="V"]
  15. [A|="V"]
  16. :active
  17. ::after
  18. ::before
  19. :checked
  20. :default
  21. :disabled
  22. :empty
  23. :enabled
  24. :first-child
  25. ::first-letter
  26. ::first-line
  27. :first-of-type
  28. :focus
  29. :hover
  30. :in-range
  31. :indeterminate
  32. :lang()
  33. :last-child
  34. :last-of-type
  35. :link
  36. :not()
  37. :nth-child()
  38. :nth-last-child()
  39. :nth-last-of-type()
  40. :nth-of-type()
  41. :only-child
  42. :only-of-type
  43. :optional
  44. :out-of-range
  45. ::placeholder
  46. :placeholder-shown
  47. :read-only
  48. :read-write
  49. :required
  50. :root
  51. ::selection
  52. :target
  53. :visited

Właściwości CSS

  1. align-content
  2. align-items
  3. align-self
  4. all
  5. animation
  6. animation-delay
  7. animation-direction
  8. animation-duration
  9. animation-fill-mode
  10. animation-iteration-count
  11. animation-name
  12. animation-play-state
  13. animation-timing-function
  14. appearance
  15. backface-visibility
  16. background
  17. background-attachment
  18. background-blend-mode
  19. background-clip
  20. background-color
  21. background-image
  22. background-origin
  23. background-position
  24. background-position-x
  25. background-position-y
  26. background-repeat
  27. background-size
  28. border
  29. border-bottom
  30. border-bottom-color
  31. border-bottom-left-radius
  32. border-bottom-right-radius
  33. border-bottom-style
  34. border-bottom-width
  35. border-collapse
  36. border-color
  37. border-image
  38. border-image-outset
  39. border-image-repeat
  40. border-image-slice
  41. border-image-source
  42. border-image-width
  43. border-left
  44. border-left-color
  45. border-left-style
  46. border-left-width
  47. border-radius
  48. border-right
  49. border-right-color
  50. border-right-style
  51. border-right-width
  52. border-spacing
  53. border-style
  54. border-top
  55. border-top-color
  56. border-top-left-radius
  57. border-top-right-radius
  58. border-top-style
  59. border-top-width
  60. border-width
  61. bottom
  62. box-decoration-break
  63. box-reflect
  64. box-shadow
  65. box-sizing
  66. caption-side
  67. caret-color
  68. clear
  69. clip
  70. clip-path
  71. color
  72. column-count
  73. column-fill
  74. column-gap
  75. column-rule
  76. column-rule-color
  77. column-rule-style
  78. column-rule-width
  79. column-span
  80. column-width
  81. columns
  82. content
  83. counter-increment
  84. counter-reset
  85. cursor
  86. direction
  87. display
  88. empty-cells
  89. filter
  90. flex
  91. flex-basis
  92. flex-direction
  93. flex-flow
  94. flex-grow
  95. flex-shrink
  96. flex-wrap
  97. float
  98. font
  99. font-family
  100. font-size
  101. font-style
  102. font-variant
  103. font-weight
  104. height
  105. hyphens
  106. isolation
  107. justify-content
  108. left
  109. letter-spacing
  110. line-height
  111. list-style
  112. list-style-image
  113. list-style-position
  114. list-style-type
  115. margin
  116. margin-bottom
  117. margin-left
  118. margin-right
  119. margin-top
  120. mask
  121. mask-clip
  122. mask-composite
  123. mask-image
  124. mask-mode
  125. mask-origin
  126. mask-position
  127. mask-repeat
  128. mask-size
  129. max-height
  130. max-width
  131. min-height
  132. min-width
  133. mix-blend-mode
  134. object-fit
  135. object-position
  136. opacity
  137. order
  138. orphans
  139. outline
  140. outline-color
  141. outline-offset
  142. outline-style
  143. outline-width
  144. overflow
  145. overflow-x
  146. overflow-y
  147. padding
  148. padding-bottom
  149. padding-left
  150. padding-right
  151. padding-top
  152. page-break-after
  153. page-break-before
  154. page-break-inside
  155. perspective
  156. perspective-origin
  157. place-content
  158. pointer-events
  159. position
  160. quotes
  161. resize
  162. right
  163. scrollbar-arrow-color
  164. scrollbar-base-color
  165. scrollbar-face-color
  166. scrollbar-shadow-color
  167. scrollbar-track-color
  168. shape-image-threshold
  169. shape-margin
  170. shape-outside
  171. tab-size
  172. table-layout
  173. text-align
  174. text-align-last
  175. text-decoration
  176. text-decoration-color
  177. text-decoration-line
  178. text-decoration-style
  179. text-emphasis
  180. text-emphasis-color
  181. text-emphasis-position
  182. text-emphasis-style
  183. text-fill-color
  184. text-indent
  185. text-orientation
  186. text-overflow
  187. text-shadow
  188. text-stroke
  189. text-stroke-color
  190. text-stroke-width
  191. text-transform
  192. top
  193. transform
  194. transform-origin
  195. transform-style
  196. transition
  197. transition-delay
  198. transition-duration
  199. transition-property
  200. transition-timing-function
  201. unicode-bidi
  202. user-select
  203. vertical-align
  204. visibility
  205. white-space
  206. widows
  207. width
  208. will-change
  209. word-break
  210. word-spacing
  211. word-wrap
  212. writing-mode
  213. z-index
  214. zoom

Wartości CSS

  1. #RGB
  2. #RGBA
  3. #RRGGBB
  4. #RRGGBBAA
  5. attr()
  6. blur()
  7. bottom
  8. brightness()
  9. calc()
  10. center
  11. circle()
  12. ciąg znaków
  13. contrast()
  14. counter()
  15. counters()
  16. cubic-bezier()
  17. currentColor
  18. dashed
  19. dotted
  20. double
  21. drop-shadow()
  22. długość absolutna
  23. długość relatywna
  24. ellipse()
  25. formuła czterech wartości
  26. grayscale()
  27. groove
  28. grupa wartości
  29. hidden
  30. hsl()
  31. hsla()
  32. hue-rotate()
  33. inherit
  34. initial
  35. inset
  36. inset()
  37. invert()
  38. kombinacja wartości
  39. left
  40. liczby
  41. linear-gradient()
  42. matrix()
  43. matrix3d()
  44. medium
  45. none
  46. notacja naukowa
  47. opacity()
  48. outset
  49. paleta podstawowa
  50. paleta rozszerzona
  51. perspective()
  52. polygon()
  53. pozycja złożona
  54. procenty
  55. radial-gradient()
  56. rect()
  57. repeating-linear-gradient()
  58. repeating-radial-gradient()
  59. rgb()
  60. rgba()
  61. ridge
  62. right
  63. rotate()
  64. rotate3d()
  65. rotateX()
  66. rotateY()
  67. rotateZ()
  68. rozmiary
  69. saturate()
  70. scale()
  71. scale3d()
  72. scaleX()
  73. scaleY()
  74. scaleZ()
  75. sekwencja wartości
  76. sepia()
  77. skew()
  78. skewX()
  79. skewY()
  80. solid
  81. steps()
  82. thick
  83. thin
  84. top
  85. translate()
  86. translate3d()
  87. translateX()
  88. translateY()
  89. translateZ()
  90. transparent
  91. unset
  92. url()
  93. wartość lokalna
  94. wartość własna
  95. wzorzec wartości

Jednostki CSS

  1. ch
  2. cm
  3. deg
  4. em
  5. ex
  6. grad
  7. in
  8. mm
  9. ms
  10. pc
  11. pt
  12. px
  13. q
  14. rad
  15. rem
  16. s
  17. turn
  18. vh
  19. vmax
  20. vmin
  21. vw

Właściwości CSS wraz z wartościami

Właściwość Wartość
align-content normal flex-start flex-end center space-between space-around space-evenly stretch
align-items normal flex-start flex-end center stretch
align-self auto normal flex-start flex-end center stretch
all initial inherit unset
animation grupa sekwencja
animation-delay czas sekwencja
animation-direction normal reverse alternate alternate-reverse sekwencja
animation-duration czas sekwencja
animation-fill-mode none backwards forwards both sekwencja
animation-iteration-count liczba całkowita infinite sekwencja
animation-name none nazwa sekwencja
animation-play-state running paused sekwencja
animation-timing-function ease ease-in ease-out ease-in-out linear step-start step-end steps() cubic-bezier() sekwencja
appearance auto none
backface-visibility visible hidden
background grupa sekwencja
background-attachment scroll fixed local sekwencja
background-blend-mode normal multiply screen overlay darken lighten color-dodge color-burn hard-light soft-light difference exclusion hue saturation color luminosity sekwencja
background-clip border-box padding-box content-box sekwencja
background-color kolor
background-image none url() linear-gradient() repeating-linear-gradient() radial-gradient() repeating-radial-gradient() sekwencja
background-origin padding-box border-box content-box sekwencja
background-position grupa wzorzec sekwencja
background-position-x rozmiar left center right sekwencja
background-position-y rozmiar top center bottom sekwencja
background-repeat repeat repeat-x repeat-y no-repeat round space wzorzec sekwencja
background-size auto cover contain wzorzec sekwencja
border wzorzec
border-bottom grupa
border-bottom-color kolor
border-bottom-left-radius wzorzec
border-bottom-right-radius wzorzec
border-bottom-style styl linii
border-bottom-width rozmiar grubość linii
border-collapse separate collapse
border-color grupa
border-image grupa
border-image-outset wzorzec
border-image-repeat stretch repeat round space wzorzec
border-image-slice wzorzec
border-image-source none url()
border-image-width wzorzec
border-left grupa
border-left-color kolor
border-left-style styl linii
border-left-width rozmiar grubość linii
border-radius grupa
border-right grupa
border-right-color kolor
border-right-style styl linii
border-right-width rozmiar grubość linii
border-spacing wzorzec
border-style grupa
border-top grupa
border-top-color kolor
border-top-left-radius wzorzec
border-top-right-radius wzorzec
border-top-style styl linii
border-top-width rozmiar grubość linii
border-width grupa
bottom auto rozmiar
box-decoration-break slice clone
box-reflect none wzorzec
box-shadow none wzorzec sekwencja
box-sizing content-box border-box
caption-side top bottom
caret-color auto kolor
clear none left right both
clip auto rect()
clip-path none inset() circle() ellipse() polygon()
color kolor
column-count auto liczba całkowita
column-fill balance auto
column-gap normal rozmiar
column-rule grupa
column-rule-color kolor
column-rule-style styl linii
column-rule-width rozmiar grubość linii
column-span none all
column-width auto rozmiar
columns grupa
content normal none ciąg znaków url() attr() counter() counters() open-quote close-quote no-open-quote no-close-quote kombinacja
counter-increment none wzorzec
counter-reset none wzorzec
cursor typ kursora auto pointer progress wait crosshair move help text vertical-text alias copy all-scroll context-menu cell col-resize row-resize not-allowed zoom-in zoom-out grab grabbing no-drop none n-resize e-resize s-resize w-resize ne-resize se-resize sw-resize nw-resize ns-resize ew-resize nesw-resize nwse-resize default wzorzec
direction ltr rtl
display inline block none inline-block list-item table inline-table table-caption table-column-group table-column table-header-group table-row-group table-footer-group table-row table-cell flex inline-flex ruby ruby-base ruby-text ruby-text-container
empty-cells show hide
filter none grayscale() sepia() saturate() hue-rotate() invert() brightness() contrast() blur() opacity() drop-shadow() kombinacja
flex grupa none
flex-basis auto rozmiar
flex-direction row row-reverse column column-reverse
flex-flow grupa
flex-grow liczba
flex-shrink liczba
flex-wrap nowrap wrap wrap-reverse
float none left right
font grupa
font-family wzorzec
font-size rozmiar rozmiar absolutny rozmiar relatywny
font-style normal italic oblique
font-variant normal small-caps
font-weight normal bold grubość relatywna stopień grubości
height auto rozmiar
hyphens manual auto none
isolation auto isolate
justify-content normal flex-start flex-end center left right space-between space-around space-evenly
left auto rozmiar
letter-spacing normal rozmiar
line-height normal liczba rozmiar
list-style grupa
list-style-image none url()
list-style-position outside inside
list-style-type typ wyróżnika disc circle square disclosure-open disclosure-closed none decimal decimal-leading-zero lower-roman upper-roman georgian armenian lower-armenian upper-armenian arabic-indic bengali cambodian khmer cjk-decimal devanagari gujarati gurmukhi hebrew kannada lao malayalam mongolian myanmar oriya persian tamil telugu thai tibetan lower-alpha upper-alpha lower-latin upper-latin lower-greek cjk-earthly-branch cjk-heavenly-stem hiragana hiragana-iroha katakana katakana-iroha japanese-informal japanese-formal korean-hangul-formal korean-hanja-informal korean-hanja-formal simp-chinese-informal simp-chinese-formal trad-chinese-informal trad-chinese-formal cjk-ideographic
margin grupa
margin-bottom rozmiar auto
margin-left rozmiar auto
margin-right rozmiar auto
margin-top rozmiar auto
mask grupa sekwencja
mask-clip border-box padding-box content-box sekwencja
mask-composite add subtract intersect exclude sekwencja
mask-image none url() linear-gradient() repeating-linear-gradient() radial-gradient() repeating-radial-gradient() sekwencja
mask-mode auto alpha luminance sekwencja
mask-origin border-box padding-box content-box sekwencja
mask-position wzorzec 1~2 wzorzec 3~4 sekwencja
mask-repeat repeat repeat-x repeat-y no-repeat round space wzorzec sekwencja
mask-size auto cover contain wzorzec sekwencja
max-height none rozmiar
max-width none rozmiar
min-height rozmiar auto
min-width rozmiar auto
mix-blend-mode normal multiply screen overlay darken lighten color-dodge color-burn hard-light soft-light difference exclusion hue saturation color luminosity
object-fit fill contain cover none scale-down
object-position wzorzec
opacity liczba
order liczba całkowita
orphans liczba całkowita
outline grupa
outline-color invert kolor
outline-offset rozmiar
outline-style styl linii
outline-width rozmiar grubość linii
overflow visible hidden scroll auto
overflow-x visible hidden scroll auto
overflow-y visible hidden scroll auto
padding grupa
padding-bottom rozmiar
padding-left rozmiar
padding-right rozmiar
padding-top rozmiar
page-break-after auto always avoid
page-break-before auto always avoid
page-break-inside auto avoid
perspective none rozmiar
perspective-origin wzorzec
place-content grupa
pointer-events auto none
position static relative absolute fixed
quotes none wzorzec
resize none horizontal vertical both
right auto rozmiar
scrollbar-arrow-color kolor
scrollbar-base-color kolor
scrollbar-face-color kolor
scrollbar-shadow-color kolor
scrollbar-track-color kolor
shape-image-threshold liczba
shape-margin rozmiar
shape-outside none margin-box border-box padding-box content-box inset() circle() ellipse() polygon() obrazek wzorzec
tab-size liczba całkowita rozmiar
table-layout auto fixed
text-align start end left right center justify match-parent
text-align-last auto start end left right center justify
text-decoration grupa
text-decoration-color kolor
text-decoration-line none underline overline line-through kombinacja
text-decoration-style solid double dotted dashed wavy
text-emphasis grupa
text-emphasis-color kolor
text-emphasis-position wzorzec
text-emphasis-style none znak wzorzec
text-fill-color kolor
text-indent rozmiar
text-orientation mixed upright sideways
text-overflow clip ellipsis
text-shadow none wzorzec sekwencja
text-stroke grupa
text-stroke-color kolor
text-stroke-width rozmiar grubość linii
text-transform none capitalize uppercase lowercase
top auto rozmiar
transform none perspective() translateX() translateY() translate() translateZ() translate3d() scaleX() scaleY() scale() scaleZ() scale3d() skewX() skewY() skew() rotate() rotateX() rotateY() rotateZ() rotate3d() matrix() matrix3d() kombinacja
transform-origin wzorzec
transform-style flat preserve-3d
transition grupa sekwencja
transition-delay czas sekwencja
transition-duration czas sekwencja
transition-property all none nazwa sekwencja
transition-timing-function ease ease-in ease-out ease-in-out linear step-start step-end steps() cubic-bezier() sekwencja
unicode-bidi normal embed bidi-override
user-select auto text none all
vertical-align baseline rozmiar sub super text-top text-bottom top middle bottom
visibility visible hidden collapse
white-space normal pre nowrap pre-wrap pre-line
widows liczba całkowita
width auto rozmiar
will-change auto scroll-position contents nazwa sekwencja
word-break normal keep-all break-all
word-spacing normal rozmiar
word-wrap normal break-word
writing-mode horizontal-tb vertical-lr vertical-rl
z-index auto liczba całkowita
zoom normal liczba