7.3 ➡️Padding

Sehen Sie sich “Section 8 Topic 85” an.

Was ich in diesem Video lernen kann:

Padding:

Die CSS-Eigenschaft Padding ist vor allem für das Layout der verschiedenen HTML-Elemente bedeutend. Sie bezeichnet dabei den Abstand, den der Inhalt eines Elementes zum entsprechenden Rahmen einnimmt. Das Padding bildet sozusagen die Polsterung zwischen Element und Element-Rahmen.

HTML:

<div> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc nec
        nibh vitae orci hendrerit placerat fringilla
        eget ante. Donec luctus tortor ac lectus pretium, a dignissim libero
        posuere. Aenean posuere mauris eget dolor
        ultricies laoreet. Suspendisse feugiat, urna a placerat volutpat, orci
        ipsum convallis tellus, nec ultricies
        libero lectus placerat metus. Maecenas vitae est arcu. Donec porta,
        mi non cursus scelerisque, purus orci
        lobortis lectus, eu hendrerit sem odio sit amet diam. Pellentesque
        pulvinar placerat quam nec pellentesque. Nam
        eu mi tristique, euismod felis ac, tincidunt magna. In hac habitasse platea
        dictumst.</div>

HTML

CSS:

div {
    width: 500px;
    height: 200px;
    background-color: aqua;
    border: 5px solid black;
    border-radius: 20px;
    padding: 20px;
}

CSS

Result:

Was sagt MDN dazu?

Previous Lesson

Back to Course

Next Lesson

HTML&CSS