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…
#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…
#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 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,…
#margin-bottom Definiert den Raum außerhalb des Elements, an der unteren Seite. default margin-bottom: 0; Entfernt alle Ränder am unteren Rand. First item Target Third item margin-bottom: 30px; Sie können Pixel-Werte verwenden. First item Target Third item margin-bottom: 2em; Sie…
#box-shadow Definiert den Schatten des Elements. default box-shadow: none; Entfernt jeden Box-Shadow, der auf das Element angewendet wurde. Hello world box-shadow: 2px 6px; Du brauchst mindestens zwei Werte: Der erste ist der horizontale Versatz Der zweite ist…
#box-sizing Legt fest, wie die Breite und Höhe des Elements berechnet werden: ob sie den Padding und die Ränder einschließen oder nicht. default box-sizing: content-box; Die Breite und Höhe des Elements gelten nur für den Inhalt des…
#margin-right Definiert den Raum außerhalb des Elements, auf der rechten Seite. default margin-right: 0; Entfernt alle Ränder auf der rechten Seite. First item Target Third item margin-right: 50px; Sie können Pixel-Werte verwenden. First item Target Third item margin-right: 7em;…
#height Bestimmt die Höhe des Elements. default height: auto; Das Element passt seine Höhe automatisch an, damit sein Inhalt korrekt angezeigt werden kann. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar…