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…
#width Bestimmt die Breite des Elements. default width: auto; Das Element passt seine Breite automatisch an, damit sein Inhalt korrekt dargestellt werden kann. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar…
#margin Kurzschreibweise für margin-top margin-right margin-bottom und margin-left. default margin: 0; Entfernt alle Ränder. First item Target Third item margin: 30px; Bei Verwendung des Wertes 1 wird der Rand für alle 4 Seiten festgelegt. First item Target Third item…
#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 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 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 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 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 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 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 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 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…