Zum Inhalt springen

Box-Model

Abstände

Abstände In CSS gibt es zweierlei Arten von Abständen, den Außenabstand margin und den Innenabstand padding. Abstände ermöglichen es Elemente gegenüber anderen Elementen und ihren Elternelementen zu verschieben. Block-Elemente haben Abstände an allen vier Seiten: Oben, unten, links und rechts.Inline-Elemente… 

min-height

#min-height Bestimmt die Mindesthöhe des Elements. default min-height: 0; Das Element hat keine Mindesthöhe. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero… 

padding-left

#padding-left Definiert den Raum innerhalb des Elements, auf der linken Seite. default padding-left: 0; Entfernt alle Auffüllungen auf der linken Seite. First item Target Third item padding-left: 50px; Sie können Pixel-Werte verwenden. First item Target Third item padding-left: 7em;… 

padding-bottom

#padding-bottom Definiert den Raum innerhalb des Elements, an der unteren Seite. default padding-bottom: 0; Entfernt alle Polsterungen an der Unterseite. First item Target Third item padding-bottom: 50px; Sie können Pixel-Werte verwenden. First item Target Third item padding-bottom: 7em; Sie… 

margin-left

#margin-left Definiert den Raum außerhalb des Elements, auf der linken Seite. default margin-left: 0; Entfernt alle Ränder auf der linken Seite. First item Target Third item margin-left: 50px; Sie können Pixel-Werte verwenden. First item Target Third item margin-left: 7em;… 

max-height

#max-height Bestimmt die maximale Höhe des Elements. default max-height: none; Das Element hat keine Begrenzung in Bezug auf die Höhe. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum… 

line-height

#line-height Definiert die Höhe einer einzelnen Textzeile. default line-height: normal; Setzt den Standardwert des Browsers wieder ein. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam,… 

min-width

#min-width Bestimmt die Mindestbreite des Elements. default min-width: 0; Das Element hat keine Mindestbreite. Hello world min-width: 300px; Sie können numerische Werte wie Pixel, (r)em, Prozentwerte verwenden… Wenn die minimale Breite größer ist als die eigentliche Breite des Elements,… 

padding-top

#padding-top Definiert den Raum innerhalb des Elements, auf der oberen Seite. default padding-top: 0; Entfernt alle Räume an der Oberseite. First item Target Third item padding-top: 50px; Sie können Pixel-Werte verwenden. First item Target Third item padding-top: 7em; Sie… 

margin-top

#margin-top Definiert den Raum außerhalb des Elements, auf der oberen Seite. default margin-top: 0; Entfernt alle Ränder am oberen Rand. First item Target Third item margin-top: 30px; Sie können Pixel-Werte verwenden. First item Target Third item margin-top: 2em; Sie… 

max-width

#max-width Legt die maximale Breite fest, die das Element haben kann. default max-width: none; Das Element hat keine Begrenzung in Bezug auf die Breite. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at… 

display

#display Legt das Anzeigeverhalten des Elements fest. display: none; Das Element wird vollständig entfernt, als ob es gar nicht im HTML-Code enthalten wäre. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Hello world Etiam semper diam at erat pulvinar,…