CSS Referenz

Aus MDC

Inhaltsverzeichnis 1 Eigenschaften 1.1 A 1.2 B 1.3 C 1.4 D 1.5 E 1.6 F 1.7 H 1.8 L 1.9 M 1.10 O 1.11 P 1.12 Q 1.13 R 1.14 S 1.15 U 1.16 V 1.17 W 1.18 Z 1.19 -moz-... 2 Selektoren 2.1 Einfache Selektoren 2.2 Pseudoklassen 2.3 Pseudoelemente 2.4 Verknüpfer 3 @-Regeln und Kommentare 4 Werte 5 Konzepte

[bearbeiten] Eigenschaften

• azimuth

• background Hintergrund
  • background-attachment fixierung des Hintergrunds
  • background-color Hintergrundfarbe
  • background-image Hintergrundbild
  • background-position Hintergrundposition
  • background-repeat Wiederholung des Hintergrundbildes
• border Rahmen
  • border-bottom unterer Rahmen
    • border-bottom-color
    • border-bottom-style
    • border-bottom-width
  • border-collapse Zusammenlegen/Teilen des Tabellenrahmens
  • border-color zahmenfarbe
  • border-left Linker Rahmen
    • border-left-color
    • border-left-style
    • border-left-width
  • border-right rechter Rahmen
    • border-right-color
    • border-right-style
    • border-right-width
  • border-spacing Rahmenabstand (Tabellen)
  • border-style Rahmenstil
  • border-top oberer Rahmen
    • border-top-color
    • border-top-style
    • border-top-width
  • border-width Rahmendicke
• bottom Abstand von Unten

• caption-side
• clear Text umfließen beenden
• clip Ausschnitt
• color Schriftfarbe
• content Inhalt
• counter-increment Erhöhund eines Zählers
• counter-reset Zurücksetzen eines Zählers
• cue Klang vor und nach einem Element
  • cue-after Klang nach einem Element
  • cue-before Klang vor einem Element
• cursor Cursor

• direction Screibrichtung
• display Anzeigeart

• elevation
• empty-cells Leere Zellen (Tabellen)

• float Text umfließen
• font Schrift
  • font-family Schriftart/Schriftfamilie
  • font-size Schriftgröße
  • font-size-adjust Höhe der Kleinbuchstaben
  • font-stretch
  • font-style
  • font-variant
  • font-weight Dicke der Schrift

• height Inndenhöhe

• left Abstand von links
• letter-spacing Zeichenabstand
• line-height Zeilenhöhe
• list-style Listenaussehen
  • list-style-image Listenbild
  • list-style-position Position der Aufzählungszeichen
  • list-style-type Aufzählungszeichen

• margin Außenabstand
  • margin-bottom
  • margin-left
  • margin-right
  • margin-top
• marker-offset
• marks
• max-height maximale Höhe
• max-width maximale Breite
• min-height minimale Höhe
• min-width minimale Breite

• opacity Transparenz (CSS 3)
• orphans Schusterjungen
• outline Kontur
  • outline-color Farbe der Kontur
  • outline-style Typ der Kontur
  • outline-width Dicke der Kontur
• overflow Überlauf
  • overflow-x (CSS 3)
  • overflow-y (CSS 3)

• padding Innenabstand
  • padding-bottom
  • padding-left
  • padding-right
  • padding-top
• page-break-after
• page-break-before
• page-break-inside
• pause Sprechpause vor und nach einem Element
  • pause-after Sprechpause nach einem Element
  • pause-before Sprechpause vor einem Element
• pitch Sprecherstimme
• pitch-range Stimmenbereich
• play-during Hintergrundton
• position Positionierungsart

• quotes Text in Anführungszeichen

• richness Stimmenfülle
• right Abstand von rechts

• size
• speak Aussprache
  • speak-header Aussprache der Tabellenköpfe
  • speak-numeral Aussprache der Zahlen
  • speak-punctuation Aussprache der Satzzeichen
• speech-rate Sprechgeschwindigkeit
• stress Sprechbetonung
• table-layout Tabellenmaße
• text-align Textausrichtung (Horizontal)
• text-decoration Textdekoration
• text-indent Texteinrückung
• text-shadow Textschatten
• text-transform Groß/Kleinschreibung
• top Abstand von oben

• unicode-bidi

• vertical-align Textausrichtung (Vertikal)
• visibility Sichtbarkeit
• voice-family Stimmengruppe
• volume Lautstärke

• white-space Zeilenumbrücke
• widows Hurenkinder
• width innere Breite
• word-spacing Wortabstand

• z-index

• -moz-appearance (nur Mozilla) Kein Standard
• -moz-binding (nur Mozilla) Kein Standard
• -moz-background-clip (nur Mozilla) Kein Standard
• -moz-background-inline-policy (nur Mozilla) Kein Standard
• -moz-background-origin (nur Mozilla) Kein Standard
• -moz-border-colors ? Rahmenfarben (mehrere) (nur Mozilla) Kein Standard
  • -moz-border-bottom-colors (nur Mozilla) Kein Standard
  • -moz-border-left-colors (nur Mozilla) Kein Standard
  • -moz-border-right-colors (nur Mozilla) Kein Standard
  • -moz-border-top-colors (nur Mozilla) Kein Standard
• -moz-border-end (nur Mozilla) Kein Standard
  • -moz-border-end-color (nur Mozilla) Kein Standard
  • -moz-border-end-style (nur Mozilla) Kein Standard
  • -moz-border-end-width (nur Mozilla) Kein Standard
• -moz-border-start (nur Mozilla) Kein Standard
  • -moz-border-start-color (nur Mozilla) Kein Standard
  • -moz-border-start-style (nur Mozilla) Kein Standard
  • -moz-border-start-width (nur Mozilla) Kein Standard
• -moz-border-radius abgerundete Ecken (nur Mozilla) Kein Standard
  • -moz-border-radius-bottomleft (nur Mozilla) Kein Standard
  • -moz-border-radius-bottomright (nur Mozilla) Kein Standard
  • -moz-border-radius-topleft (nur Mozilla) Kein Standard
  • -moz-border-radius-topright (nur Mozilla) Kein Standard
• -moz-box-align (nur Mozilla) Kein Standard
• -moz-box-direction (nur Mozilla) Kein Standard
• -moz-box-flex (nur Mozilla) Kein Standard
• -moz-box-ordinal-group (nur Mozilla) Kein Standard
• -moz-box-orient (nur Mozilla) Kein Standard
• -moz-box-pack (nur Mozilla) Kein Standard
• -moz-box-sizing (nur Mozilla) Kein Standard
• -moz-column-count Spalten (nur Mozilla) Kein Standard
• -moz-column-gap (nur Mozilla) Kein Standard
• -moz-column-width (nur Mozilla) Kein Standard
• -moz-float-edge (nur Mozilla) Kein Standard
• -moz-force-broken-image-icon (nur Mozilla) Kein Standard
• -moz-image-region (nur Mozilla) Kein Standard
• -moz-key-equivalent (nur Mozilla) Kein Standard
• -moz-margin-end (nur Mozilla) Kein Standard
• -moz-margin-start (nur Mozilla) Kein Standard
• -moz-opacity (nur Mozilla) Kein Standard s. opacity
• -moz-outline (nur Mozilla) Kein Standard
  • -moz-outline-color (nur Mozilla) Kein Standard
  • -moz-outline-offset (nur Mozilla) Kein Standard
  • -moz-outline-radius (nur Mozilla) Kein Standard
    • -moz-outline-radius-bottomleft (nur Mozilla) Kein Standard
    • -moz-outline-radius-bottomright (nur Mozilla) Kein Standard
    • -moz-outline-radius-topleft (nur Mozilla) Kein Standard
    • -moz-outline-radius-topright (nur Mozilla) Kein Standard
  • -moz-outline-style (nur Mozilla) Kein Standard
  • -moz-outline-width (nur Mozilla) Kein Standard
• -moz-padding-start (nur Mozilla) Kein Standard
• -moz-padding-end (nur Mozilla) Kein Standard
• -moz-user-focus (nur Mozilla) Kein Standard
• -moz-user-input (nur Mozilla) Kein Standard
• -moz-user-modify (nur Mozilla) Kein Standard
• -moz-user-select Bestimmt ob der Text ausgewählt werden kann (nur Mozilla) Kein Standard

[bearbeiten] Selektoren

[bearbeiten] Einfache Selektoren

• Typenselektor tag {}
• Klassenselektor .class {}
• ID-Selektor #id {}
• Universal selectors
• Attributselektor *[attribut] {}, *[attribut=wert] {}
• :not

[bearbeiten] Pseudoklassen

• Pseudoklassen für Links
  • :link Link
  • :visited besuchter Link
  • :-moz-any-link (wie :link und :visited) (nur Mozilla) Kein Standard
• Dynamische Pseudoklassen
  • :active Maus klickt auf das Element
  • :focus markiert
  • :hover Maus auf dem Element
  • :-moz-drag-over (nur Mozilla) Kein Standard
• Seiten Pseudoklassen
  • :first
  • :left
  • :right
• Strukturelle Pseudoklassen
  • :empty Leeres Element
  • :-moz-only-whitespace (nur Mozilla) Kein Standard
  • :first-child Erstes Kindelement
  • :first-node Erster Kindknoten
  • :last-child Letztes Kindelement
  • :last-node Letzter Kindknoten
  • :root
  •  :-moz-first-node (nur Mozilla) Kein Standard
  •  :-moz-last-node (nur Mozilla) Kein Standard
• Sprachliche Pseudoklassen
  • :lang Sprache
• Pseudoklassen für Bäume (nur Mozilla) Kein Standard
  •  :-moz-tree-row (nur Mozilla) Kein Standard
  •  :-moz-tree-cell (nur Mozilla) Kein Standard
  •  :-moz-tree-checkbox (nur Mozilla) Kein Standard
  •  :-moz-tree-column (nur Mozilla) Kein Standard
  •  :-moz-tree-cell-text (nur Mozilla) Kein Standard
  •  :-moz-tree-twisty (nur Mozilla) Kein Standard
  •  :-moz-tree-indentation (nur Mozilla) Kein Standard
  •  :-moz-tree-line (nur Mozilla) Kein Standard
  •  :-moz-tree-image (nur Mozilla) Kein Standard
  •  :-moz-tree-separator (nur Mozilla) Kein Standard
  •  :-moz-tree-feedback (nur Mozilla) Kein Standard
  •  :-moz-tree-progressmeter (nur Mozilla) Kein Standard
• Einzuordnen:
  •  :-moz-list-bullet (nur Mozilla) Kein Standard
  •  :-moz-bound-element (nur Mozilla) Kein Standard

[bearbeiten] Pseudoelemente

• :after
• :before
• :first-letter Erster Buchstabe
• :first-line Erste Zeile

[bearbeiten] Verknüpfer

• Nachfahrenselektor
• Kindselektoren >
• Angrenzende-Elemente-Selektor +

[bearbeiten] @-Regeln und Kommentare

• @font-face
• @import Importieren
• @media Anzeigemedium
• @page
• @-moz-document URL (nur Mozilla)
• Kommentare /* ... */

[bearbeiten] Werte

• inherit
• initial
• Einheiten
• Farben

[bearbeiten] Konzepte

• Boxmodell