Latest web development tutorials

Wypełnienie CSS (dopełnienie)

Definicja Przestrzeń elementem kontroli granicznej i treści pomiędzy elementem CSS padding (padding) nieruchomości.

Padding (padding)

Gdy elementy przekładki (wypełnione) (dopełnienia) jest zaznaczone, "uwolnienie" obszaru elementu wypełnia kolor tła będzie.

Sam wypełnić właściwości można zmieniać w górę iw dół wokół nadzienia. Właściwości Skrót napełniania może być również użyty do zmiany, gdy wszystko uległo zmianie.

możliwe wartości

wartość wyjaśnienie
długość Definiuje stałą wyściółka (pikseli, pt, em, itd.)
% Użyj wartość procentową, aby zdefiniować napełnianie

Dopełnienie - nieruchomość wyściółka jednostronne

W CSS, może określić inną stronę różnym nadzieniem:

Przykłady

padding-top:25px;
padding-bottom:25px;
padding-right:50px;
padding-left:50px;

Spróbuj »

Wypełnienie - skróconą własnością

Aby skrócić kod, który można określić wszystkie właściwości wypełniające w jednym obiekcie.

To się nazywa skróconą własnością. Skrócona forma dla wszystkich atrybutów wypełnienia jest "wypełnienie":

Przykłady

padding: 25px 50px;

Spróbuj »

właściwość padding może mieć od jednego do czterech wartości.

padding: 25px 50px 75 pikseli 100px;

  • Nadzienie jest 25px
  • Prawo wyściółka 50px
  • Pod wypełnionej 75 pikseli
  • Lewa wypełniona 100px

padding: 25px 50px 75 pikseli;

  • Nadzienie jest 25px
  • Wypełniony o 50px
  • Pod wypełnionej 75 pikseli

padding: 25px 50px;

  • Dno jest dopełnienie 25px
  • Wypełniony o 50px

padding: 25px;

  • Wszystkie wypełnione są 25px
Przykłady

Więcej przykładów

Wszystkie właściwości wypełniające w jednej deklaracji
Ten przykład ilustruje wykorzystanie własności skrótów znajduje się w deklaracji wszystkich atrybutów wypełnienia mogą mieć od jednego do czterech wartości.

Ustaw lewej części wypełnione
Ten przykład pokazuje jak ustawić lewy elementu wypełniającego.

Ustawianie prawą część nadzienia
Ten przykład pokazuje jak ustawić odpowiedni elementu wypełniającego. ,

Ustawienie górnego napełnianie
Ten przykład pokazuje jak ustawić element napełniania.

Dolna zapakowane
Ten przykład pokazuje jak ustawić padding pod elementami.

Wszystkie właściwości CSS dopełnienia

nieruchomość wyjaśnienie
wyściółka Skróty nieruchomość znajduje się w deklaracji wszystkich atrybutów wypełnienia
padding-bottom Ustawianie elementem niezupełnego napełnienia
padding-left Lewa część elementu ustawienia wypełnienia
padding-tuż Ustawienie prawa część elementu wypełniającego
padding-top Ustawienia w prawym górnym elementów do wypełnienia