Zum Inhalt

Inhaltsverzeichnis • Anhang • Anhang: CSS • Anhang: CSS-Eigenschaften
⇦ Anhang: CSS-Syntax / Anhang: CSS-Boxmodell ⇨
06.07.2014 10:18:52

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: Geschwindigkeits­verhalten 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
⇦ Anhang: CSS-Syntax / Anhang: CSS-Boxmodell ⇨
Nach oben