Alle CSS-Eigenschaften #

Diese Übersicht enthält alle für die Gestaltung von HTML relevanten CSS3-Eigenschaften (nicht für Audio, Print und SVG) mit Verweisen zu den entsprechenden aktuellen Spezifikationen des W3C, unabhängig vom Status der Spezifikation und der Implementierung in den User-Agents. Die Links, die mit dem Namen der einzelnen Eigenschaften verknüpft sind, verweisen auf caniuse.com, über die der Staus der Implementierung abgerufen werden kann. Eigenschaften, die mit einem markiert sind, werden im Rahmen der hier veröffentlichten Tutorials beschrieben.

Hell hervorgehobene Zeilen kennzeichnen ›exotische‹ Eigenschaften aus folgenden Modulen:
[CSS3-FLEXBOX] [CSS3-REGIONS] [CSSDEVICEADAPT]

Dunkel hervorgehobene Zeilen kennzeichnen weitere ›exotische‹ Eigenschaften bzw. solche, die bislang noch nicht in den Browsern implementiert sind.

Eigenschaft Spezifikation
align-content [CSS3-ALIGN] [CSS3-FLEXBOX]
align-items [CSS3-ALIGN] [CSS3-FLEXBOX]
align-self [CSS3-ALIGN] [CSS3-FLEXBOX]
alignment-baseline [CSS3LINE]
all [CSS3CASCADE]
animation [CSS3-ANIMATIONS]
animation-delay [CSS3-ANIMATIONS]
animation-direction [CSS3-ANIMATIONS]
animation-duration [CSS3-ANIMATIONS]
animation-fill-mode [CSS3-ANIMATIONS]
animation-iteration-count [CSS3-ANIMATIONS]
animation-name [CSS3-ANIMATIONS]
animation-play-state [CSS3-ANIMATIONS]
animation-timing-function [CSS3-ANIMATIONS]
background [CSS3BG]
background-attachment [CSS3BG]
background-blend-mode [COMPOSITING-1]
background-clip [CSS3BG]
background-color [CSS3BG]
background-image [CSS3BG]
background-origin [CSS3BG]
background-position [CSS3BG]
background-repeat [CSS3BG]
background-size [CSS3BG]
block-overflow [CSS3OVERFLOW]
border [CSS3BG]
border-bottom [CSS3BG]
border-bottom-color [CSS3BG]
border-bottom-left-radius [CSS3BG]
border-bottom-right-radius [CSS3BG]
border-bottom-style [CSS3BG]
border-bottom-width [CSS3BG]
border-collapse (tables)
border-color [CSS3BG]
border-image [CSS3BG]
border-image-outset [CSS3BG]
border-image-repeat [CSS3BG]
border-image-slice [CSS3BG]
border-image-source [CSS3BG]
border-image-width [CSS3BG]
border-left [CSS3BG]
border-left-color [CSS3BG]
border-left-style [CSS3BG]
border-left-width [CSS3BG]
border-radius [CSS3BG]
border-right [CSS3BG]
border-right-color [CSS3BG]
border-right-style [CSS3BG]
border-right-width [CSS3BG]
border-spacing (tables)
border-style [CSS3BG]
border-top [CSS3BG]
border-top-color [CSS3BG]
border-top-left-radius [CSS3BG]
border-top-right-radius [CSS3BG]
border-top-style [CSS3BG]
border-top-width [CSS3BG]
border-width [CSS3BG]
bottom [CSS3POS]
box-decoration-break [CSS3-BREAK]
box-shadow [CSS3BG]
box-sizing [CSS3UI]
box-snap (line-grid)
break-after [CSS3-BREAK] [CSS3-REGIONS]
break-before [CSS3-BREAK] [CSS3-REGIONS]
break-inside [CSS3-BREAK] [CSS3-REGIONS]
caption-side (tables)
caret-color [CSS3UI]
clear (visual)
color [CSS3COLOR]
column-count [CSS3COL]
column-fill [CSS3COL]
column-gap [CSS3COL] [CSS3-ALIGN]
column-rule [CSS3COL]
column-rule-color [CSS3COL]
column-rule-style [CSS3COL]
column-rule-width [CSS3COL]
column-span [CSS3COL]
column-width [CSS3COL]
columns [CSS3COL]
contain (contain)
content [CSS3GENCON]
continue [CSS3OVERFLOW]
counter-increment [CSS3LIST]
counter-reset [CSS3LIST]
counter-set [CSS3LIST]
cursor [CSS3UI]
direction [CSS3-WRITING-MODES]
display [CSS3-DISPLAY] [CSS3-FLEXBOX] [CSS3-GRID] [CSS3RUBY]
dominant-baseline [CSS3LINE]
empty-cells (tables)
flex [CSS3-FLEXBOX]
flex-basis [CSS3-FLEXBOX]
flex-direction [CSS3-FLEXBOX]
flex-flow [CSS3-FLEXBOX]
flex-grow [CSS3-FLEXBOX]
flex-shrink [CSS3-FLEXBOX]
flex-wrap [CSS3-FLEXBOX]
float (visual) [CSS3GCPM]
flow-from [CSS3-REGIONS]
flow-into [CSS3-REGIONS]
font [CSS3-FONTS]
font-family [CSS3-FONTS]
font-feature-settings [CSS3-FONTS]
font-kerning [CSS3-FONTS]
font-size [CSS3-FONTS]
font-size-adjust [CSS3-FONTS]
font-stretch [CSS3-FONTS]
font-style [CSS3-FONTS]
font-synthesis [CSS3-FONTS]
font-variant [CSS3-FONTS]
font-variant-caps [CSS3-FONTS]
font-variant-east-asian [CSS3-FONTS]
font-variant-ligatures [CSS3-FONTS]
font-variant-numeric [CSS3-FONTS]
font-variant-position [CSS3-FONTS]
font-weight [CSS3-FONTS]
gap [CSS3-ALIGN]
grid [CSS3-GRID]
grid-area [CSS3-GRID]
grid-auto-columns [CSS3-GRID]
grid-auto-flow [CSS3-GRID]
grid-auto-rows [CSS3-GRID]
grid-column [CSS3-GRID]
grid-column-end [CSS3-GRID]
grid-column-start [CSS3-GRID]
grid-row [CSS3-GRID]
grid-row-end [CSS3-GRID]
grid-row-start [CSS3-GRID]
grid-template [CSS3-GRID]
grid-template-areas [CSS3-GRID]
grid-template-columns [CSS3-GRID]
grid-template-rows [CSS3-GRID]
hanging-punctuation [CSS3TEXT]
height [CSS3-SIZING] [CSSDEVICEADAPT]
hyphens [CSS3TEXT]
image-orientation [CSS3-IMAGES]
image-rendering [CSS3-IMAGES]
image-resolution [CSS3-IMAGES]
isolation [COMPOSITING-1]
justify-content [CSS3-ALIGN] [CSS3-FLEXBOX]
justify-items [CSS3-ALIGN]
justify-self [CSS3-ALIGN]
left [CSS3POS]
letter-spacing [CSS3TEXT]
line-break [CSS3TEXT]
line-clamp [CSS3OVERFLOW]
line-grid (line-grid)
line-height (visual)
line-snap (line-grid)
list-style [CSS3LIST]
list-style-image [CSS3LIST]
list-style-position [CSS3LIST]
list-style-type [CSS3LIST]
margin [CSS3BOX]
margin-bottom [CSS3BOX]
margin-left [CSS3BOX]
margin-right [CSS3BOX]
margin-top [CSS3BOX]
marker-side [CSS3LIST]
max-height [CSS3-SIZING] [CSSDEVICEADAPT] (visual)
max-lines [CSS3OVERFLOW]
max-width [CSS3-SIZING] [CSSDEVICEADAPT] (visual)
max-zoom [CSSDEVICEADAPT]
min-height [CSS3-SIZING] [CSSDEVICEADAPT] (visual)
min-width [CSS3-SIZING] [CSSDEVICEADAPT] (visual)
min-zoom [CSSDEVICEADAPT]
mix-blend-mode [COMPOSITING-1]
object-fit [CSS3-IMAGES]
object-position [CSS3-IMAGES]
opacity [CSS3COLOR]
order [CSS3-FLEXBOX]
orientation [CSSDEVICEADAPT]
orphans [CSS3-BREAK]
outline [CSS3UI]
outline-color [CSS3UI]
outline-offset [CSS3UI]
outline-style [CSS3UI]
outline-width [CSS3UI]
overflow [CSS3OVERFLOW]
overflow-block [CSS3OVERFLOW]
overflow-inline [CSS3OVERFLOW]
overflow-wrap [CSS3TEXT]
overflow-x [CSS3OVERFLOW]
overflow-y [CSS3OVERFLOW]
padding [CSS3BOX]
padding-bottom [CSS3BOX]
padding-left [CSS3BOX]
padding-right [CSS3BOX]
padding-top [CSS3BOX]
place-content [CSS3-ALIGN]
place-items [CSS3-ALIGN]
place-self [CSS3-ALIGN]
position [CSS3POS]
quotes [CSS3GENCON]
region-fragment [CSS3-REGIONS]
resize [CSS3UI]
right [CSS3POS]
row-gap [CSS3-ALIGN]
scroll-behavior (cssomview)
scroll-margin (scroll)
scroll-margin-block (scroll)
scroll-margin-block-end (scroll)
scroll-margin-block-start (scroll)
scroll-margin-bottom (scroll)
scroll-margin-inline (scroll)
scroll-margin-inline-end (scroll)
scroll-margin-inline-start (scroll)
scroll-margin-left (scroll)
scroll-margin-right (scroll)
scroll-margin-top (scroll)
scroll-padding (scroll)
scroll-padding-block (scroll)
scroll-padding-block-end (scroll)
scroll-padding-block-start (scroll)
scroll-padding-bottom (scroll)
scroll-padding-inline (scroll)
scroll-padding-inline-end (scroll)
scroll-padding-inline-start (scroll)
scroll-padding-left (scroll)
scroll-padding-right (scroll)
scroll-padding-top (scroll)
scroll-snap-align (scroll)
scroll-snap-stop (scroll)
scroll-snap-type (scroll)
shape-image-threshold [CSS-SHAPES]
shape-margin [CSS-SHAPES]
shape-outside [CSS-SHAPES]
tab-size [CSS3TEXT]
table-layout (tables)
text-align [CSS3TEXT]
text-align-all [CSS3TEXT]
text-align-last [CSS3TEXT]
text-combine-upright [CSS3-WRITING-MODES]
text-decoration [CSS3-TEXT-DECOR]
text-decoration-color [CSS3-TEXT-DECOR]
text-decoration-line [CSS3-TEXT-DECOR]
text-decoration-style [CSS3-TEXT-DECOR]
text-indent [CSS3TEXT]
text-justify [CSS3TEXT]
text-orientation [CSS3-WRITING-MODES]
text-overflow [CSS3OVERFLOW] [CSS3UI]
text-shadow [CSS3-TEXT-DECOR]
text-transform [CSS3TEXT]
text-underline-position [CSS3-TEXT-DECOR]
top [CSS3POS]
transform [CSS3-TRANSFORMS]
transform-box [CSS3-TRANSFORMS]
transform-origin [CSS3-TRANSFORMS]
transition [CSS3-TRANSITIONS]
transition-delay [CSS3-TRANSITIONS]
transition-duration [CSS3-TRANSITIONS]
transition-property [CSS3-TRANSITIONS]
transition-timing-function [CSS3-TRANSITIONS]
unicode-bidi [CSS3-WRITING-MODES]
user-zoom [CSSDEVICEADAPT]
vertical-align [CSS3LINE]
visibility (visual)
white-space [CSS3TEXT]
widows [CSS3-BREAK]
width [CSS3-SIZING] [CSSDEVICEADAPT]
will-change (willchange)
word-break [CSS3TEXT]
word-spacing [CSS3TEXT]
word-wrap [CSS3TEXT]
wrap-flow [CSS3-EXCLUSIONS]
wrap-through [CSS3-EXCLUSIONS]
writing-mode [CSS3-WRITING-MODES]
z-index [CSS3POS]
zoom [CSSDEVICEADAPT]