Najlepszy samouczek Wypełnienie CSS (dopełnienie) W 2024 r. W tym samouczku możesz dowiedzieć się Padding (padding),możliwe wartości,Dopełnienie - nieruchomość wyściółka jednostronne,Przykłady,Wypełnienie - skróconą własnością,Przykłady,Więcej przykładów,Wszystkie właściwości CSS dopełnienia,
Definicja Przestrzeń elementem kontroli granicznej i treści pomiędzy elementem CSS padding (padding) nieruchomości.
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.
wartość | wyjaśnienie |
---|---|
długość | Definiuje stałą wyściółka (pikseli, pt, em, itd.) |
% | Użyj wartość procentową, aby zdefiniować napełnianie |
W CSS, może określić inną stronę różnym nadzieniem:
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":
właściwość padding może mieć od jednego do czterech wartości.
padding: 25px 50px 75 pikseli 100px;
padding: 25px 50px 75 pikseli;
padding: 25px 50px;
padding: 25px;
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.
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 |