12. SENKRECHTE AUSSENABSTÄNDE

Eine Besonderheit bei der Berechnung bzw. Darstellung der Höhe eines Block-Elements gibt es noch. Senkrechte Aussenabstände von Boxen werden nicht zusammen gezählt, sondern es wird nur ein Aussenabstand verwendet. Der untere und obere Aussenabstand wird zu einem zusammengefasst. Horizontale Abstände bleiben immer erhalten und fallen nicht zusammen!

Die Aussenabstände margin-top und margin-bottom fallen zusammen
CSS-Befehl Beispiel Wert
Breite und Höhe eines HTML-Elements
Breite width: 3px; px, em, Prozent, auto
Höhe height: 3px; px, em, Prozent, auto
Abstand zwischen den Zellen einer Tabelle.
Links padding-left: 3px; px, em, Prozent, auto
Rechts padding-right: 3px; px, em, Prozent, auto
Unten padding-bottom: 3px; px, em, Prozent, auto
Oben padding-top: 3px; px, em, Prozent, auto
Liniendicke des Rahmens einer Tabelle
Links border-left-width: thick; thin, medium, thick
oder
px, em, Prozent, auto
Rechts border-right-width: 3px; thin, medium, thick
oder
px, em, Prozent, auto
Unten border-bottom-width: medium; thin, medium, thick
oder
px, em, Prozent, auto
Oben border-top-width: thin; thin, medium, thick
oder
px, em, Prozent, auto
Abstand zwischen den Zellen einer Tabelle.
Links margin-left: 30px; px, em, Prozent, auto
Rechts margin-right: 30px; px, em, Prozent, auto
Unten margin-bottom: 30px; px, em, Prozent, auto
Oben margin-top: 30px; px, em, Prozent, auto
Rahmen
Rahmenlinie border-collapse: collapse; separate: 2 Rahmenlinien
collapse: 1 Rahmenlinie
Rahmentyp border-style: dotted; none, dotted, dashed, solid, double,
groove, ridge, inset, outset
Rahmenfarbe border-color: #ff6600; yellow, red oder Hexadezimalwert