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…
#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…
#padding-right Definiert den Raum innerhalb des Elements, auf der rechten Seite. default padding-right: 0; Entfernt alle Auffüllungen auf der rechten Seite. First item Target Third item padding-right: 50px; Sie können Pixel-Werte verwenden. First item Target Third item padding-right: 7em;…
#padding Kurzschreibweise für padding-top padding-right padding-bottom und padding-left. default padding: 0; Entfernt alle Auffüllungen. Target padding: 30px; Wenn der Wert 1 verwendet wird, wird die Auffüllung für alle 4 Seiten eingestellt. Target …
#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;…