Jak zaimplementować dopełnienie w CSS z przykładami



W tym artykule znajdziesz szczegółową i wszechstronną wiedzę na temat implementacji dopełnienia w CSS z przykładami.

Dopełnienie jest jednym z najważniejszych aspektów i . W tym artykule omówimy znaczenie i użycie dopełnienia w CSS w następującej kolejności:

Co to jest dopełnienie w CSS?

Właściwość padding pozwala określić, gdzie należy określić i jaka przestrzeń powinna znajdować się między treścią elementu a jego obramowaniem. Wartością tego atrybutu powinna być długość, procent lub słowo.





Padding-in-CSS



Jeśli wartość jest dziedziczona, będzie taka sama, jak wartość nadrzędna. Tutaj, jeśli jest używany procent, jest to pole zawierające.

Właściwości wypełnienia

Poniższe właściwości Padding w CSS mogą służyć do kontrolowania list. Mimo to można również ustawić różne wartości wypełnienia po obu stronach pudełka, głównie za pomocą następujących właściwości:

  • Wypełnienie na dole: określa dolne wypełnienie elementu.



  • Wypełnienie: Określa górne wypełnienie elementu.

  • Wypełnienie po lewej: Określa lewe wypełnienie elementu.

  • Wypełnienie w prawo: Określa prawidłowe wypełnienie elementu.

  • Wyściółka: Służy to jako skrót dla dalszych właściwości.

Właściwość Padding-bottom:

Jest to ustawione na dolne wypełnienie elementu. Może przyjmować wartości w procentach.


To jest dopełnienie dolne określone w akapicie



To kolejny akapit określony w procentach jako dolne wypełnienie

Wynik:

Właściwość Padding-top

Ta właściwość padding-top ustawi górne wypełnienie elementu. Może to przybierać wartości w procentach.


To jest górne wypełnienie określone w akapicie



To jest kolejny akapit, którego górne wypełnienie podano w procentach

Wynik:

Właściwość Padding-left

Ta właściwość padding-left ustawi lewe wypełnienie elementu. Może przyjmować wartości w procentach.


To jest akapit określony lewym dopełnieniem



To jest kolejny akapit, którego lewe wypełnienie podano w procentach

Wynik:

Właściwość Padding-right

Ta właściwość padding-right ustawi prawe wypełnienie elementu. Może przyjmować wartości w procentach.


To jest prawy dopełnienie akapitu



To kolejny akapit określony w procentach jako prawe wypełnienie

Wynik:

Właściwość Padding

Ta właściwość dopełnienia ustawia dopełnienie prawe, lewe, górne i dolne. Może to mieć wartości w procentach.


Wszystkie te cztery wypełnienia będą miały rozmiar 20 pikseli



Wypełnienie od góry i od dołu będzie wynosić 20 pikseli, a prawe i lewe 10% całkowitej szerokości dokumentu



Wypełnienie górne i dolne będzie miało 20 pikseli, prawe wypełnienie 3% całkowitej szerokości dokumentu, dolne i górne 20 pikseli

jak zainstalować okna eclipse

Wynik:

W ten sposób dochodzimy do końca tego niesamowitego artykułu o dopełnianiu w CSS. Mam nadzieję, że rozumiesz różne sposoby dodawania dopełnienia.

Jeśli chcesz dowiedzieć się więcej o tworzeniu stron internetowych, zapoznaj się z przez Edureka. Szkolenie z zakresu certyfikacji w zakresie tworzenia aplikacji internetowych pomoże Ci nauczyć się, jak tworzyć imponujące witryny internetowe przy użyciu HTML5, CSS3, Twitter Bootstrap 3, jQuery i interfejsów API Google oraz wdrażać je w usłudze Amazon Simple Storage Service (S3).

Jeśli nadal jesteś zainteresowany Jeśli masz jakieś pytanie, możesz zamieścić je w sekcji komentarzy tego bloga „Padding in CSS”, a my skontaktujemy się z Tobą tak szybko, jak to możliwe.