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.
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.