CSS Referenzhandbuch

NoteDas CSS-Referenzhandbuch auf Example Tutorial wurde in allen gängigen Browsern getestet.

CSS-Eigenschaften

CSS-Eigenschaftsgruppe:

Die Spalte "CSS" gibt an, in welcher CSS-Version die Eigenschaft definiert ist (CSS1, CSS2 oder CSS3).

Animationseigenschaften

Eigenschaft Beschreibung CSS
@keyframes Definiert eine Animation. Der durch @keyframes definierte Animationsname wird von animation-name verwendet. 3
animation Kurzschreibweise-Eigenschaft. Ruft die auf das Objekt angewendeten Animationseffekte ab oder legt sie fest. 3
animation-name Ruft den auf das Objekt angewendeten Animationsnamen ab oder legt ihn fest. Er muss mit der @keyframes-Regel verwendet werden, da der Animationsname durch @keyframes definiert wird. 3
animation-duration Ruft die Dauer der Animation des Objekts ab oder legt sie fest. 3
animation-timing-function Ruft den Übergangstyp der Animation des Objekts ab oder legt ihn fest. 3
animation-delay Ruft die Verzögerungszeit der Animation des Objekts ab oder legt sie fest. 3
animation-iteration-count Ruft die Anzahl der Zyklen der Animation des Objekts ab oder legt sie fest. 3
animation-direction ⟥0⟦Ruft ab oder legt fest, ob die Animation des Objekts während der Schleife rückwärts abgespielt wird. 3
animation-play-state Ruft den Zustand der Animation des Objekts ab oder legt ihn fest. 3

Hintergrundeigenschaften

Eigenschaft Beschreibung CSS
background Kurzform-Eigenschaft. Legt die Hintergrund-Eigenschaften des Objekts fest. 1
background-attachment Legt fest oder ruft ab, ob das Hintergrundbild mit dem Inhalt des Objekts scrollt oder fixiert ist. Die Eigenschaft background-image muss zuerst angegeben werden. 1
background-color Legt die Hintergrundfarbe des Objekts fest oder ruft sie ab. 1
background-image Legt das Hintergrundbild des Objekts fest oder ruft es ab. 1
background-position Legt die Position des Hintergrundbildes des Objekts fest oder ruft sie ab. Die Eigenschaft background-image muss zuerst angegeben werden. 1
background-repeat Legt fest oder ruft ab, wie das Hintergrundbild gekachelt oder gefüllt wird. Die Eigenschaft background-image muss zuerst angegeben werden. 1
background-clip Gibt den Bereich an, auf den das Hintergrundbild des Objekts beschnitten wird. 3
background-origin Legt den Referenzursprung (die Position), der bei der Berechnung von background-position für das Hintergrundbild des Objekts verwendet wird, fest oder ruft ihn ab. 3
background-size Ruft die Größe des Hintergrundbildes des Objekts ab oder legt sie fest. 3

Rahmen- und Umrisseigenschaften

Eigenschaft Beschreibung CSS
border Kurzformeigenschaft. Legt die Rahmeneigenschaften des Objekts fest. 1
border-bottom Kurzformeigenschaft. Legt die Eigenschaften des unteren Rahmens des Objekts fest. 1
border-bottom-color Legt die Farbe des unteren Rahmens eines Objekts fest oder ruft sie ab. 1 
border-bottom-style Legt den Stil des unteren Rahmens eines Objekts fest oder ruft ihn ab. 1
border-bottom-width Legt die Breite des unteren Rahmens eines Objekts fest oder ruft sie ab. 1
border-color Legt die Rahmenfarbe des Objekts fest oder ruft sie ab. 1
border-left Kurzformeigenschaft. Legt die Eigenschaften des linken Rahmens des Objekts fest. 1
border-left-color Legt die Farbe des linken Rahmens des Objekts fest oder ruft sie ab. 1
border-left-style Legt den Stil des linken Rahmens des Objekts fest oder ruft ihn ab. 1
border-left-width Legt die Breite des linken Rahmens des Objekts fest oder ruft sie ab. 1
border-right Kurzformeigenschaft. Legt die Eigenschaften des rechten Rahmens des Objekts fest. 1
border-right-color Legt die Farbe des rechten Rahmens des Objekts fest oder ruft sie ab. 1
border-right-style Legt den Stil des rechten Rahmens des Objekts fest oder ruft ihn ab. 1
border-right-width Legt die Breite des rechten Rahmens des Objekts fest oder ruft sie ab. 1
border-style Legt den Rahmenstil des Objekts fest oder ruft ihn ab. 1
border-top Kurzschreibweise. Legt die Eigenschaften des oberen Rahmens des Objekts fest. 1
border-top-color Legt die Farbe des oberen Rahmens eines Objekts fest oder ruft sie ab. 1
border-top-style Legt den Stil des oberen Rahmens eines Objekts fest oder ruft ihn ab. 1
border-top-width Legt die Breite des oberen Rahmens eines Objekts fest oder ruft sie ab. 1
border-width Legt die Rahmenbreite des Objekts fest oder ruft sie ab. 1
outline Kurzschreibweise. Legt die Kontur außerhalb des Objekts fest oder ruft sie ab. 2
outline-color Legt die Farbe der Kontur außerhalb des Objekts fest oder ruft sie ab. 2
outline-style Legt den Stil der Kontur außerhalb des Objekts fest oder ruft ihn ab. 2
outline-width Legt die Breite der Kontur außerhalb des Objekts fest oder ruft sie ab. 2
border-bottom-left-radius Legt den abgerundeten Rahmen der unteren linken Ecke des Objekts fest oder ruft ihn ab. Es werden zwei Parameter bereitgestellt, die durch ein Leerzeichen getrennt sind. Jeder Parameter akzeptiert einen Wert; der erste Wert stellt den horizontalen Radius dar und der zweite den vertikalen Radius. Wenn der zweite Parameter weggelassen wird, wird standardmäßig der erste Parameter verwendet. 3
border-bottom-right-radius Legt den abgerundeten Rahmen der unteren rechten Ecke des Objekts fest oder ruft ihn ab. 3
border-image Legt den Rahmenstil des Objekts mit einem Bild als Füllung fest oder ruft ihn ab. 3
border-image-outset Gibt den Betrag an, um den das Rahmenbild den Rahmen übersteigt. 3
border-image-repeat Gibt an, ob der Bildrahmen wiederholt, gestreckt oder gerundet werden soll. 3
border-image-slice Gibt den nach innen gerichteten Versatz des Bildrahmens an. 3
border-image-source Gibt das Bild an, das anstelle des durch die border-style-Eigenschaft festgelegten Rahmenstils verwendet werden soll. 3
border-image-width Gibt die Breite des Bildrahmens an. 3
border-radius Legt fest oder ruft ab, ob das Objekt abgerundete Rahmen verwendet. 3
border-top-left-radius Definiert die Form des Rahmens oben links. 3
border-top-right-radius Definiert die Form des Rahmens oben rechts. 3
box-decoration-break Gibt an, ob Inline-Elemente umgebrochen werden. 3
box-shadow Fügt der Box einen oder mehrere Schatten hinzu. 3

Box-Eigenschaften

Eigenschaft Beschreibung CSS
overflow-x Gibt an, ob die linken/rechten Kanten des Inhalts abgeschnitten werden sollen, wenn er den Inhaltsbereich des Elements überläuft. 3
overflow-y Gibt an, ob die oberen/unteren Kanten des Inhalts abgeschnitten werden sollen, wenn er den Inhaltsbereich des Elements überläuft. 3
overflow-style Gibt die bevorzugte Scrollmethode für überlaufende Elemente an. 3
rotation Dreht das Element um den durch die Eigenschaft rotation-point definierten Punkt. 3
rotation-point Definiert den Versatzpunkt von der oberen linken Rahmenkante. 3

Farbeigenschaften

Eigenschaft Beschreibung CSS
color-profile Ermöglicht Angaben, die vom standardmäßigen Farbprofil der Quelle abweichen. 3
opacity Legt den Transparenzgrad eines Elements fest. 3
rendering-intent Ermöglicht Angaben, die vom standardmäßigen Rendering-Intent des Farbprofils abweichen. 3

Innenabstand-Eigenschaften

Eigenschaft Beschreibung CSS
padding Legt alle Innenabstand-Eigenschaften in einer einzigen Deklaration fest. 1
padding-bottom Legt den unteren Innenabstand eines Elements fest. 1
padding-left Legt den linken Innenabstand eines Elements fest. 1
padding-right Legt den rechten Innenabstand eines Elements fest. 1
padding-top Legt den oberen Innenabstand eines Elements fest. 1

Eigenschaften für Medienseiteninhalte

Eigenschaft Beschreibung CSS
bookmark-label Gibt die Beschriftung eines Lesezeichens an. 3
bookmark-level Gibt die Ebene des Lesezeichens an. 3
bookmark-target Gibt das Ziel des Lesezeichen-Links an. 3
float-offset Schiebt schwebende Elemente in die entgegengesetzte Richtung; sie haben immer float. 3
hyphenate-after Gibt die Mindestanzahl von Zeichen nach dem Silbentrennzeichen eines getrennten Wortes an. 3
hyphenate-before Gibt die Mindestanzahl von Zeichen vor dem Silbentrennzeichen eines getrennten Wortes an. 3
hyphenate-character Gibt die Zeichenfolge an, die bei der Silbentrennung angezeigt wird. 3
hyphenate-lines Gibt die maximale Anzahl aufeinanderfolgender Zeilen mit Silbentrennung in einem Element an. 3
hyphenate-resource Gibt eine durch Kommas getrennte Liste externer Ressourcen an, die dabei helfen können, die Silbentrennungspunkte des Browsers zu bestimmen. 3
hyphens Legt fest, wie Wörter aufgeteilt werden, um das Layout des Absatzes zu verbessern. 3
image-resolution Gibt die korrekte Bildauflösung an. 3
marks Fügt dem Dokument Beschnitt- und/oder Passermarken hinzu. 3
string-set   3

Dimensionseigenschaften

Eigenschaft Beschreibung CSS
height Legt die Höhe eines Elements fest. 1
max-height Legt die maximale Höhe eines Elements fest. 2
max-width Legt die maximale Breite eines Elements fest. 2
min-height Legt die Mindesthöhe eines Elements fest. 2
min-width Legt die Mindestbreite eines Elements fest. 2
width Legt die Breite eines Elements fest. 1

Eigenschaften des flexiblen Box-Modells (Neu)

Eigenschaft Beschreibung CSS
flex Kurzschreibweise. Legt fest oder ruft ab, wie die Kindelemente des Flexible-Box-Modell-Objekts Platz zuweisen. 3
flex-grow Legt das Expansionsverhältnis der flexiblen Box fest oder ruft es ab. 3
flex-shrink Legt das Kontraktionsverhältnis der flexiblen Box fest oder ruft es ab. 3
flex-basis Legt den flex-basis-Wert der flexiblen Box fest oder ruft ihn ab. 3
flex-flow Kurzschreibweiseigenschaft. Legt die Anordnung der untergeordneten Elemente des flexiblen Boxmodellobjekts fest oder ruft sie ab. 3
flex-direction Diese Eigenschaft bestimmt die Position von Flex-Elementen im Flex-Container, indem sie die Richtung der Hauptachse des Flex-Containers definiert. 3
flex-wrap Diese Eigenschaft steuert, ob der Flex-Container einzeilig oder mehrzeilig ist, und die Richtung der Querachse bestimmt die Richtung, in der neue Zeilen gestapelt werden. 3
align-content Richtet die Elemente im Flex-Container (vertikal) aus, wenn sie nicht den gesamten verfügbaren Platz auf der Querachse einnehmen. 3
align-items Definiert die Ausrichtung von Flex-Elementen entlang der Seitenachse (vertikalen Achse) der aktuellen Zeile im Flex-Container. 3
align-self Definiert die Ausrichtung eines Flex-Elements einzeln entlang der Seitenachse (vertikalen Achse). 3
justify-content Legt die Ausrichtung des flexiblen Boxelements entlang der Hauptachse (horizontalen Achse) fest oder ruft sie ab. 3
order Legt die Reihenfolge fest oder ruft sie ab, in der die untergeordneten Elemente des flexiblen Boxmodellobjekts angezeigt werden. 3

Eigenschaften des flexiblen Boxmodells (veraltet)

Eigenschaft Beschreibung CSS
box-align Gibt an, wie die Kindelemente einer Box ausgerichtet werden. 3
box-direction Gibt die Richtung an, in der die untergeordneten Elemente einer Box angezeigt werden. 3
box-flex Gibt an, ob die untergeordneten Elemente einer Box flexibel oder fest dimensioniert sind. 3
box-flex-group Weist flexible Elemente einer Flex-Gruppe zu. 3
box-lines Gibt an, ob in eine neue Zeile/Spalte umgebrochen wird, wenn in der übergeordneten Box der Platz ausgeht. 3
box-ordinal-group Gibt die Anzeigereihenfolge der Kindelemente einer Box an. 3
box-orient Gibt an, ob die untergeordneten Elemente einer Box horizontal oder vertikal angeordnet werden sollen. 3
box-pack Gibt die horizontalen und vertikalen Positionen horizontaler Boxen innerhalb einer vertikalen Box an. 3

Schrifteigenschaften

Eigenschaft Beschreibung CSS
font Legt alle Schrifteigenschaften in einer einzigen Deklaration fest. 1
font-family Gibt die Schriftfamilie für Text an. 1
font-size Gibt die Schriftgröße von Text an. 1
font-style Gibt den Schriftstil von Text an. 1
font-variant Gibt den Schriftstil von Text an. 1
font-weight Gibt die Schriftstärke einer Schriftart an. 1
@font-face Eine Regel, die es Websites ermöglicht, andere Schriftarten als die „Web-safe“-Schriftarten herunterzuladen und zu verwenden. 3
font-size-adjust Gibt den Aspektwert für ein Element an. 3
font-stretch Staucht oder dehnt die aktuelle Schriftfamilie. 3

Eigenschaften für generierten Inhalt

Eigenschaft Beschreibung CSS
content Wird zusammen mit den Pseudoelementen :before und :after verwendet, um generierten Inhalt einzufügen. 2
counter-increment Erhöht oder verringert einen oder mehrere Zähler. 2
counter-reset Erstellt oder setzt einen oder mehrere Zähler zurück. 2
quotes Legt die Art der Anführungszeichen für verschachtelte Referenzen fest. 2
crop Ermöglicht einem ersetzten Element, als Objekt zu fungieren, das den rechteckigen Bereich des gesamten Objekts ersetzt. 3
move-to Entfernt ein Element aus dem Fluss und fügt es später im Dokument wieder ein. 3
page-policy Bestimmt den Zeichenkettenwert eines gegebenen Elements, der auf seitenbasierte Zähler anwendbar ist. 3

Grid-Eigenschaften

Eigenschaft Beschreibung CSS
grid-column Legt die Start- und Endpositionen der Spalte eines Grid-Elements fest. 3
grid-row Legt die Start- und Endpositionen der Zeile eines Grid-Elements fest. 3

Hyperlink-Eigenschaften

Eigenschaft Beschreibung CSS
target Kurzschreibweise-Eigenschaft, die die Eigenschaften target-name, target-new und target-position festlegt. 3
target-name Legt fest, wo der Link geöffnet wird (Zielposition). 3
target-new Legt fest, ob ein neuer Ziel-Link ein neues Fenster oder einen neuen Tab in einem vorhandenen Fenster öffnet. 3
target-position Gibt an, wo ein neuer Ziellink platziert werden soll. 3

Linebox-Eigenschaften

Eigenschaft Beschreibung CSS
alignment-adjust Ermöglicht eine präzisere Ausrichtung von Elementen. 3
alignment-baseline Wie Inline-Level-Elemente, die von ihrem Elternelement angegeben werden, ausgerichtet werden. 3
baseline-shift Ermöglicht die Neupositionierung der dominant-baseline relativ zur dominant-baseline. 3
dominant-baseline Gibt scaled-baseline-table an 3
drop-initial-after-adjust Legt den anfänglichen Ausrichtungspunkt des primären Verbindungspunkts des Initials fest. 3
drop-initial-after-align Kalibriert die initiale Zeileneinstellung innerhalb einer Zeile; das heißt, die Box mit dem Initial verwendet den primären Verbindungspunkt. 3
drop-initial-before-adjust Legt den anfänglichen Ausrichtungspunkt des sekundären Verbindungspunkts des Initials fest. 3
drop-initial-before-align Kalibriert die initiale Zeileneinstellung innerhalb einer Zeile; das heißt, die Box mit dem Initial verwendet den sekundären Verbindungspunkt. 3
drop-initial-size Steuert das Initial des Anfangsbuchstabens. 3
drop-initial-value Aktiviert einen initialen Effekt im Dropdown-Stil. 3 
inline-box-align Legt die Ausrichtung von Zeilen innerhalb eines mehrzeiligen Inline-Blocks fest, die vorausgehende und nachfolgende Inline-Elemente haben. 3
line-stacking Eine Kurzform-Eigenschaft, die die Eigenschaften line-stacking-strategy, line-stacking-ruby und line-stacking-shift festlegt. 3
line-stacking-ruby Legt die Stapelmethode von Zeilen fest, die Ruby-Annotationselemente enthalten, relativ zu Blockelementen. 3
line-stacking-shift Legt die Stapelmethode von Blockelementen fest, die in Basisverschiebungszeilen enthalten sind. 3
line-stacking-strategy Legt die Stapelmethode von gestapelten Zeilenboxen fest, die intern Blockelemente enthalten. 3
text-height Legt die Blockfortschrittsdimension des Textinhaltsbereichs einer Inline-Box fest. 3

Listeneigenschaften

Eigenschaft Beschreibung CSS
list-style Legt alle Listeneigenschaften in einer einzigen Deklaration fest. 1
list-style-image Legt ein Bild als Listenzeichen fest. 1
list-style-position Legt die Platzierungsposition des Listenzeichens fest. 1
list-style-type Legt den Typ des Listenzeichens fest. 1

Margin-Eigenschaften

Eigenschaft Beschreibung CSS
margin Legt alle Margin-Eigenschaften in einer einzigen Deklaration fest. 1
margin-bottom Legt den unteren Außenabstand eines Elements fest. 1
margin-left Legt den linken Außenabstand eines Elements fest. 1
margin-right Legt den rechten Außenabstand eines Elements fest. 1
margin-top Legt den oberen Außenabstand eines Elements fest. 1

Marquee-Eigenschaften

Eigenschaft Beschreibung CSS
marquee-direction Legt die Richtung der Inhaltsbewegung fest. 3
marquee-play-count Legt fest, wie oft der Inhalt bewegt wird. 3
marquee-speed Legt fest, wie schnell der Inhalt scrollt. 3
marquee-style Legt den Stil der Inhaltsbewegung fest. 3

Eigenschaften für mehrspaltige Layouts

Eigenschaft Beschreibung CSS
column-count Gibt die Anzahl der Spalten an, in die das Element unterteilt werden soll. 3
column-fill Gibt an, wie Spalten gefüllt werden. 3
column-gap Gibt den Abstand zwischen Spalten an. 3
column-rule Eine Kurzschreibweise zum Festlegen aller column-rule-*-Eigenschaften. 3
column-rule-color Gibt die Farbe der Trennlinie zwischen Spalten an. 3
column-rule-style Gibt den Stil der Trennlinie zwischen Spalten an. 3
column-rule-width Gibt die Breite der Trennlinie zwischen Spalten an. 3
column-span Gibt an, über wie viele Spalten sich das Element erstrecken soll. 3
column-width Gibt die Breite von Spalten an. 3
columns Die Kurzschreibweise-Eigenschaft legt Spaltenbreite und Spaltenanzahl fest. 3

Eigenschaften für paginierte Medien

Eigenschaft Beschreibung CSS
fit Wenn weder seine width- noch seine height-Eigenschaft auto ist, gibt dies einen Hinweis darauf, wie das ersetzte Element skaliert werden soll. 3
fit-position Bestimmt die Ausrichtung von Objekten innerhalb der Box. 3
image-orientation Gibt die Drehung nach rechts bzw. im Uhrzeigersinn an, die der User-Agent auf das Bild anwendet. 3
page Gibt den spezifischen Seitentyp an, auf dem ein Element angezeigt werden soll. 3
size Gibt die Größe und Ausrichtung des Seiteninhalts an, der die Box enthält. 3

Positionierungseigenschaften

Eigenschaft Beschreibung CSS
bottom Legt den Versatz zwischen der unteren Margin-Kante eines positionierten Elements und der Unterkante seines enthaltenden Blocks fest. 2
clear Gibt an, auf welcher Seite des Elements andere floatende Elemente nicht erlaubt sind. 1
clip Schneidet absolut positionierte Elemente ab. 2
cursor Gibt den Typ (die Form) des anzuzeigenden Cursors an. 2
display Gibt den Typ der Box an, die das Element erzeugen soll. 1
float Gibt an, ob die Box floaten soll. 1
left Legt den Versatz zwischen der linken Margin-Kante eines positionierten Elements und der linken Kante seines enthaltenden Blocks fest. 2
overflow
 Gibt an, was passiert, wenn Inhalt die Elementbox überläuft. 2
position Gibt den Positionierungstyp des Elements an. 2
right Legt den Versatz zwischen der rechten Margin-Kante eines positionierten Elements und der rechten Kante seines enthaltenden Blocks fest. 2
top Legt den Versatz zwischen der oberen Margin-Kante eines positionierten Elements und der Oberkante seines enthaltenden Blocks fest. 2
visibility Gibt an, ob das Element sichtbar ist. 2
z-index Legt die Stapelreihenfolge des Elements fest. 2

Druckeigenschaften

Eigenschaft Beschreibung CSS
orphans Legt die minimale Anzahl von Zeilen fest, die am unteren Rand der Seite beibehalten werden müssen, wenn ein Seitenumbruch innerhalb des Elements auftritt. 2
page-break-after Legt das Seitenumbruchverhalten nach dem Element fest. 2
page-break-before Legt das Seitenumbruchverhalten vor dem Element fest. 2
page-break-inside Legt das Seitenumbruchverhalten innerhalb des Elements fest. 2
widows Legt die minimale Anzahl von Zeilen fest, die am oberen Rand der Seite beibehalten werden müssen, wenn ein Seitenumbruch innerhalb des Elements auftritt. 2

Ruby-Eigenschaften

Eigenschaft Beschreibung CSS
ruby-align Steuert die Textausrichtung von Ruby-Text und Ruby-Basisinhalt relativ zueinander. 3
ruby-overhang Wenn Ruby-Text die Breite der Ruby-Basis überschreitet, bestimmt dies, ob der Ruby-Text teilweise über beliebigen angrenzenden Text außer seiner eigenen Basis hinausragen darf. 3
ruby-position Seine Basis steuert die Position des Ruby-Textes. 3
ruby-span Steuert das Spannverhalten von Annotationselementen. 3

Spracheigenschaften

Eigenschaft Beschreibung CSS
mark Eine Kurzschreibweise-Eigenschaft, die die Eigenschaften mark-before und mark-after festlegt. 3
mark-after Ermöglicht es, benannte Markierungen mit dem Audiostream zu verbinden. 3
mark-before Ermöglicht es, benannte Markierungen mit dem Audiostream zu verbinden. 3
phonemes Gibt eine phonetische Aussprache im entsprechenden Element an, das den Text enthält. 3
⟦0⟧ Eine Kurzform-Eigenschaft, die die Eigenschaften rest-before und rest-after festlegt. 3
rest-after Nachdem der Inhalt eines Elements gesprochen wurde, gibt dies an, ob eine Pause eingelegt oder eine prosodische Grenze beachtet werden soll. 3
rest-before Bevor der Inhalt eines Elements gesprochen wird, gibt dies an, ob eine Pause eingelegt oder eine prosodische Grenze beachtet werden soll. 3
voice-balance Gibt die Balance zwischen dem linken und rechten Kanal an. 3
voice-duration Gibt die Dauer an, die zum Präsentieren des Inhalts des ausgewählten Elements aufgewendet werden soll. 3
voice-pitch Gibt die durchschnittliche Tonhöhe (Frequenz) der Sprechstimme an. 3
voice-pitch-range Gibt die Variation der durchschnittlichen Tonhöhe an. 3
voice-rate Steuert die Sprechgeschwindigkeit 3
voice-stress Gibt die Intensität der Betonung an. 3
voice-volume Die Sprachsynthese bezieht sich auf die Amplitude der Wellenformausgabe. 3

Tabellenattribute

Eigenschaft Beschreibung CSS
border-collapse Gibt an, ob Tabellenrahmen zusammengefasst werden. 2
border-spacing Gibt den Abstand zwischen benachbarten Zellrahmen an. 2
caption-side Gibt die Position der Tabellenbeschriftung an. 2
empty-cells Gibt an, ob Rahmen und Hintergründe bei leeren Zellen in einer Tabelle angezeigt werden. 2
table-layout Legt den für die Tabelle verwendeten Layout-Algorithmus fest. 2

Texteigenschaften

Eigenschaft Beschreibung CSS
color Legt die Farbe des Textes fest. 1
direction Gibt die Richtung / Schreibrichtung des Textes an. 2
letter-spacing Legt den Zeichenabstand fest. 1
line-height Legt die Zeilenhöhe fest 1
text-align Gibt die horizontale Ausrichtung von Text an. 1
text-decoration Gibt den auf Text angewendeten Dekorationseffekt an. 1
text-indent Legt die Einrückung der ersten Zeile eines Textblocks fest. 1
text-transform Steuert die Groß-/Kleinschreibung von Text. 1
unicode-bidi   2
vertical-align Legt die vertikale Ausrichtung des Elements fest. 1
white-space Legt fest, wie Leerraum innerhalb eines Elements behandelt wird. 1
word-spacing Legt den Wortabstand fest. 1
text-emphasis Wendet Hervorhebungszeichen auf den Text des Elements an und legt die Vordergrundfarbe der Hervorhebungszeichen fest. 1
hanging-punctuation Gibt an, ob ein Satzzeichen die Zeilenbox überlaufen darf. 3
punctuation-trim Gibt an, ob ein Satzzeichen entfernt werden soll. 3
text-align-last Die Ausrichtung der letzten Zeile, wenn text-align auf justify gesetzt ist. 3
text-justify Gibt die Ausrichtungsmethode an, wenn text-align auf justify gesetzt ist. 3
text-outline Legt die Kontur des Textes fest. 3
text-overflow Gibt an, was passieren soll, wenn Text das enthaltende Element überläuft. 3
text-shadow Fügt dem Text einen Schatten hinzu. 3
text-wrap Gibt die Regeln für den Textumbruch an. 3
word-break Gibt die Zeilenumbruchregeln für nicht-CJK-Text an. 3
word-wrap Legt fest, ob der Browser übermäßig lange Wörter umbrechen soll. 3

2D/3D-Transformationseigenschaften

Eigenschaft Beschreibung CSS
transform Gilt für Elemente mit 2D- oder 3D-Transformationen. 3
transform-origin Ermöglicht es Ihnen, die Position des transformierten Elements zu ändern. 3
transform-style Gibt an, wie verschachtelte Elemente im 3D-Raum angezeigt werden. 3
perspective Gibt an, wie 3D-Elemente perspektivisch betrachtet werden. 3
perspective-origin Gibt die untere Position eines 3D-Elements an. 3
backface-visibility Definiert, ob ein Element sichtbar sein soll, wenn es nicht dem Bildschirm zugewandt ist. 3

Transition-Eigenschaften

Eigenschaft Beschreibung CSS
transition Diese Eigenschaft ist eine Kurzschreibweise für transition-property, transition-duration, transition-timing-function und transition-delay. 3
transition-property Legt die CSS-Eigenschaften fest, die für den Übergang verwendet werden. 3
transition-duration Legt die Dauer des Übergangs fest. 3
transition-timing-function Legt die Timing-Funktion des Übergangs fest. 3
transition-delay Gibt die Zeit an, zu der der Übergang beginnt. 3

Benutzeroberflächen-Eigenschaften

Eigenschaft Beschreibung CSS
appearance Definiert den Darstellungsstil des Elements. 3
box-sizing Ermöglicht es Ihnen, bestimmte Elemente auf eine bestimmte Weise zu definieren, damit sie in den Bereich passen. 3
icon Gibt ein Symbol für ein Element an. 3
nav-down Gibt die Position an, zu der navigiert wird, wenn der Benutzer die Pfeiltaste nach unten drückt. 3
nav-index Gibt die Navigationsreihenfolge (Tab-Reihenfolge) an. 3
nav-left Gibt die Position an, zu der navigiert wird, wenn der Benutzer die Pfeiltaste nach links drückt. 3
nav-right Geben Sie die Position an, zu der navigiert wird, wenn der Benutzer die rechte Pfeiltaste drückt. 3
nav-up Geben Sie die Position an, zu der nach oben navigiert wird, wenn der Benutzer die Aufwärtspfeiltaste drückt. 3
outline-offset Legt den Versatz der Außenlinie außerhalb der Randkante fest. 3
resize Definiert, ob die Größe eines Elements geändert werden kann. 3
Weitere Erweiterungen