Zum Inhalt
Anhang: CSS-Eigenschaften
Textformatierungen (Inline)
- font [w,c]
- Schriftart (Stil Variante Gewicht Größe Familie)
- font-family [w,c]
- Schriftfamilie (Arial, Times, …)
- font-style [w,c]
- Stil wie italic (kursiv), normal und oblique (kursiv)
- font-variant [w,c]
- Variante wie small-caps (Kapitälchen) und normal
- font-size [w,c]
- Größe (s. Anhang: CSS-Einheiten und Farben)
- font-weight [w,c]
- Gewicht wie normal, bold (fett), bolder (fetter), lighter (leichter)
- text [w,c]
- Keine Eigenschaft
- text-decoration [w,c]
- Dekoration wie none, underline (unterstrichen), overline (überstrichen) und linethrough (durchgestrichen)
- text-decoration-line [w,c]
- CSS3: Linientyp
- text-decoration-color [w,c]
- CSS3: Farbe
- text-decoration-style [w,c]
- CSS3: Stil
- text-transform [w,c]
- Transformation wie lowercase (klein), uppercase (groß) und capitalize
- text-shadow [w,c]
- CSS3: Schatten (farbe ort)
- color [w,c]
- Farbe (s. )
- opacity [w,c]
- CSS3: Transparenz
- letter-spacing [w,c]
- Zeichenabstand (normal)
- word-spacing [w,c]
- Wortabstand (normal)
- hyphens [w,c]
- CSS3: Worttrennzeichen
Absatzformatierungen (Block)
- text [w,c]
- Keine Eigenschaft
- text-indent [w,c]
- Einrückung
- text-align [w,c]
- Ausrichtung (left, right, center, justify)
- text-align-last [w,c]
- CSS3: Ausrichtung der letzten Zeile
- vertical-align [w,c]
- Vertikale Ausrichtung (top, bottom, center, …)
- direction [w,c]
- Schreibrichtung (ltr, rtl)
- unicode-bidi [w,c]
- CSS3: Umkehr der Schreibrichtung
- line-height [w,c]
- Zeilenhöhe (normal)
- white-space [w,c]
- Textumbruch (normal,pre,nowrap,pre-line,pre-wrap)
Hintergrundformatierungen (Block)
- background [w,c]
- Hintergrund (farbe bild attach repeat pos )
- background-color [w,c]
- Farbe
- background-image [w,c]
- Bild
- background-repeat [w,c]
- Wiederholungs-Effekt (no-)repeat(-x/-y)
- background-attachment [w,c]
- Bild fixieren/scrollen (fixed/scroll)
- background-position [w,c]
- Postion per Angabe oder Ausrichtung
- background-origin [w,c]
- CSS3: Startpunkt auf Hintergrund
- background-clip [w,c]
- CSS3: Clipping-Bereich
- background-size [w,c]
- CSS3: Größe
Listenformatierungen
- list-style [w,c]
- Listendarstellung (Bild Position Typ)
- list-style-type [w,c]
- Darstellungstyp (none, … , decimal)
- list-style-position [w,c]
- Listeneinrückung (inside, outside)
- list-style-image [w,c]
- eigene Bullet-Grafik
Tabelle
- border [w,c]
- Keine Eigenschaft
- border-collapse [w,c]
- einzelne oder gemeins. Rahmen
- border-spacing [w,c]
- Rahmenabstand im Gitternetz
- caption-side [w,c]
- Tabellenüberschrift oben/unten (top, bottom)
- empty-cells [w,c]
- leere Zellen (nicht) anzeigen (show, hide)
- table-layout [w,c]
- Tabelle fixe/variable Breiten (auto, fixed)
Spalten
- columns [w,c]
- CSS3: Spalten (allgemein)
- column [w,c]
- Keine Eigenschaft
- column-count [w,c]
- CSS3: Anzahl der Spalten
- column-fill [w,c]
- CSS3: Verteilung des Inhalts auf Spalten
- column-gap [w,c]
- CSS3: Spaltenabstand
- column-rule [w,c]
- CSS3: Spaltentrennlinie (allgemein)
- column-rule-color [w,c]
- CSS3: Farbe der Spaltentrennlinie
- column-rule-style [w,c]
- CSS3: Darstellung der Spaltentrennlinie
- column-rule-width [w,c]
- CSS3: Stärke der Spaltentrennlinie
- column-span [w,c]
- CSS3: Elemente über alle Spalten
- column-width [w,c]
- CSS3: Spaltenbreite
- break [w,c]
- Keine Eigenschaft
- break-after [w,c]
- CSS3: Umbruch hinter einem Block-Element / am Spaltenende
- break-before [w,c]
- CSS3: Umbruch vor einem Block-Element / vor Spaltenanfang
- break-inside [w,c]
- CSS3: Umbruch im Block-Element (innerhalb von Spalten)
Inhalt (Inline)
- content [w,c]
- CSS3: Fügt Inhalt bei :before und :after ein
- counter-increment [w,c]
- CSS3: Zähler erhöhen
- counter-reset [w,c]
- CSS3: Zähler zurücksetzen
- quotes [w,c]
- CSS3: In Anführungszeichen setzen
Benutzerinterface
- cursor [w,c]
- Mauszeiger (auto, default, crosshair, …, url())
- outline [w,c]
- Inlinerahmen (Farbe Stil Dicke)
- outline-width [w,c]
- Dicke (thin, medium, thick)
- outline-color [w,c]
- Farbe
- outline-style [w,c]
- Typ (none, dotted, dashed, solid, …)
- outline-offset [w,c]
- CSS3: Abstand
- box-sizing [w,c]
- CSS3 : Berechnungsmodell einer Box
- content [w,c]
- CSS3 : Content erzeugen
- resize [w,c]
- CSS3 : Größenveränderbarkeit (s. <textarea>)
- zomm [w,c]
- CSS3 : Vergrößerungsfaktor
Positionierung (Block)
- position [w,c]
- Positionsart (static, absolute, relative, fixed)
- top [w,c]
- Position von oben
- bottom [w,c]
- Position von unten
- left [w,c]
- Position von links
- right [w,c]
- Position von rechts
- height [w,c]
- Höhe
- min-height [w,c]
- Mindesthöhe
- max-height [w,c]
- Maximalhöhe
- width [w,c]
- Breite
- min-width [w,c]
- Mindestbreite
- max-width [w,c]
- Maximalbreite
- display [w,c]
- Anzeigeart (none, block, inline, list-item,…)
- z-index [w,c]
- Überlappung (Zahl für Z-Achse)
- visibility [w,c]
- Verstecken (visible, hidden, collapse)
- overflow [w,c]
- Überlauf (visible, hidden, scroll, auto)
- clip [w,c]
- Anzeigeausschnitt (rect(), auto)
- clear [w,c]
- Textumfluss beenden (left, right, both, none)
- float [w,c]
- Textumfluss (left, right, none)
Flexbox:
- flex-direction [w,c]
- CSS3: Ausrichtung in einer Flexbox
- display [w,c]
- CSS3: display: flex; => Flexbox
- order [w,c]
- CSS3: Reihenfolge in Flexboxen
- align-items [w,c]
- CSS3: Vertikale Ausrichtung aller Elemente in Flexboxen
- align-self [w,c]
- CSS3: Vertikale Ausrichtung einzelner Elemente in Flexboxen
Rahmen und Schatten
- border [w,c]
- Blockrahmen (Farbe Stil Dicke)
- border-top [w,c]
- Blockrahmen oben
- border-top-width [w,c]
- Dicke
- border-top-color [w,c]
- Farbe
- border-top-style [w,c]
- Typ
- border-bottom [w,c]
- Blockrahmen unten
- border-left [w,c]
- Blockrahmen links
- border-right [w,c]
- Blockrahmen rechts
- border-width [w,c]
- Dicke (thin, medium, thick)
- border-color [w,c]
- Farbe
- border-style [w,c]
- Typ (none, dotted, dashed, solid, …)
- border-image [w,c]
- CSS3: Grafiken für den Rahmen
- border-radius [w,c]
- CSS3: Runde „Ecken“
- box-shadow [w,c]
- CSS3: Schatten
Abstand
- margin [w,c]
- Außenabstand
- margin-top [w,c]
- … oben
- margin-bottom [w,c]
- … unten
- margin-left [w,c]
- … links
- margin-right [w,c]
- … rechts
- padding [w,c]
- Innenabstand
- padding-top [w,c]
- … oben
- padding-bottom [w,c]
- … unten
- padding-left [w,c]
- … links
- padding-right [w,c]
- … rechts
Animationen und Übergänge
- animation [w,c]
- CSS3: Keine Eigenschaft
- animation-delay [w,c]
- CSS3: Startverzögerung einer Animation
- animation-direction [w,c]
- CSS3: Abspielrichtung einer Animation
- animation-duration [w,c]
- CSS3: Dauer einer Animation
- animation-iteration-count [w,c]
- CSS3: Wiederholungen einer Animation
- animation-play-state [w,c]
- CSS3: Aktivitätsstatus einer Animation
- transition [w,c]
- CSS3: Transition (allgemein)
- transition-delay [w,c]
- CSS3: Verzögerung einer Transition
- transition-duration [w,c]
- CSS3: Dauer / Länge einer Transition
- transition-property [w,c]
- CSS3: CSS-Eigenschaft der Transition
- transition-timing-function [w,c]
- CSS3: Geschwindigkeitsverhalten einer Transition
Pseudo
- :after
- Nach einem Element
- :before
- Vor einem Element
- :first-letter
- Das erste Zeichen einer Zeile
- :first-line
- Die erste Zeile in einem Absatz
- :active
- Hyperlink
- :first-child
- Das erste "Kind"
- :last-child
- Das letzte "Kind"
- :focus
- Fokus
- :hover
- Hyperlink
- :lang
- Sprache
- :link
- Hyperlink
- :visited
- Besuchter Link
Sprache
- azimuth [w,c]
- Raum-Effekt links/rechts/vorne/hinten
- elevation [w,c]
- Raum-Effekt oben/unten
- pitch [w,c]
- Sprechhöhe
- pitch-range [w,c]
- Sprechweise
- play-during [w,c]
- Hintergrund-Sound
- richness [w,c]
- Stimmgewalt
- speech-rate [w,c]
- Sprechgeschwindigkeit
- stress [w,c]
- Sprechhast
- voice-family [w,c]
- Sprechertyp
- volume [w,c]
- Lautstärke
- cue [w,c]
- Klang vor/nach einem Element
- pause [w,c]
- Pause vor/nach einem Element
- pause-after [w,c]
- … nach einem Element
- pause-before [w,c]
- … vor einem Element
- speak [w,c]
- Aussprache
- speak-header [w,c]
- Art der Sprachausgabeunterstützung
- speak-numeral [w,c]
- Konvention für Zahlenausgabe
- speak-punctuation [w,c]
- Satzzeichen explizit ausgeben
Druck
- @page [w,c]
- Seiten-Layout definieren (:left,:right,:first)
- size [w,c]
- Seitengröße
- marks [w,c]
- Schnitt- und Passermarken
- orphans [w,c]
- Alleinstehende Zeilen am Seitenende
- widows [w,c]
- Alleinstehende Zeilen am Seitenanfang
- page-break [w,c]
- Keine Eigenschaft
- page-break-before [w,c]
- Seitenumbruch vor einem Element
- page-break-after [w,c]
- nach einem Element
- page-break-inside [w,c]
- innerhalb eines Elements