Menü

CSS Referenz: Eigenschaften

Unser CSS Lexikon! Alle CSS Eigenschaften geordnet auf einem Blick abrufbar.

Inhaltsverzeichnis:

  1. Farben, Bilder, Hintergrundbilder
  2. Listen, Tabellen
  3. Positionierung, Ausrichtung
  4. Anzeigen, Inhalt
  5. Rahmen, Konturen
  6. Flexible Div-Boxen


#1: Farben, Bilder, Hintergrundbilder


#2: Listen, Tabellen


#3: Positionierung, Ausrichtung

  • bottom - Abstand vom unteren Browserrand
  • clear - umfließen (float) beenden
  • float - umfließen und ausrichten
  • height - Höhe
  • left - Abstand vom linken Browserrand
  • margin - Außenabstand
  • padding - Innenabstand
  • position - Positionierung
  • right - Abstand vom rechten Browserrand
  • top - Abstand vom oberen Browserrand
  • width - Breite
  • z-index - Überlappen

#4: Anzeigen, Inhalt

  • clip - nur einen Ausschnitt eines Elements anzeigen
  • display - Anzeigeart
  • font [Sammeleigenschaft] - Kurzform / Kurzschreibweise für Schrift
  • font-family - Schriftfamilie
  • font-size - Schriftgröße
  • font-style - Schriftstil (z.B. Kursiv)
  • font-variant - Kapitälchen (kleine Großbuchstaben, große Großbuchstaben)
  • font-weight - Schriftgewicht (z.b. Fettschrift)
  • letter-spacing - Abstand zwischen zwei Buchstaben festlegen
  • line-height - Zeilenhöhe verändern, Zeilenabstand einstellen
  • text-align - Ausrichtung von Text (linksbündig, rechtsbündig, zentriert, Blocksatz)
  • text-decoration - Textformatierung
  • text-indent - ein- und ausrücken von Text
  • text-shadow - Textschatten (Schatteneffekte für Text)
  • text-transform - verschiedener Umgang mit Groß- und Kleinbuchstaben
  • overflow - übergroßer Inhalt
  • visibility - Sichtbarkeit und Unsichtbarkeit
  • word-spacing - Abstand zwischen zwei Wörtern bestimmen

#5: Rahmen, Konturen

  • border - Rahmen (Stärke, Linienstil, Farbe)
  • border-radius - Rahmenecken abrunden (Rundungen)
  • box-shadow - Schattenwurf von Blockelementen (bspw. DIV-Container mit Schatten)
  • outline - Konturen zeichnen (Außenrahmen um einem border)

#6: Flexible Div-Boxen

  • display - Anzeigeart u.a. für flex
  • flex - spezifische Länge, relativ zu umgebenen
  • flex-basis - initial Länge flexibler Elemente
  • flex-direction - Anordnung flexibler Elemente
  • flex-flow - Sammeleigenschaft für flex-direction und flex-wrap
  • flex-grow - Anteilsgröße flexibler Elemente erhöhen
  • flex-shrink - Gegenstück zu flex-grow, Anteilsgröße verkleinern
  • flex-wrap - Umbrechen bei Zeilenende verhindern oder zulassen
  • max-height - maximale Höhe
  • min-height - minimale Höhe
  • max-width - maximale Breite
  • min-width - minimale Breite

Bitte verbreite diesen Artikel!

Ähnliche Artikel

Kommentare

Diskutiere mit - Kommentar verfassen

Text hervorheben | Information zum Datenschutz