Własność CSS padding-block-start ustawia szerokość początkowego dopełnienia logicznego w orientacji blokowej. Jest to własność niedziedziczona.
Ustawienie własności padding-block-start
zostaje odwzorowane na odpowiednią własność fizyczną dopełnienia zależnie od kierunku i orientacji pisma. W przypadku dokumentów w językach pisanych od lewej strony i od góry (takich jak polski, angielski itd.) własność ta odpowiada własności padding-top
, np.:
W tym przykładzie początkowe logiczne dopełnienie blokowe będzie miało szerokość 20 pikseli (tekst jest pisany od góry o orientacji poziomej – jak w języku polskim). Efekt tego jest taki:
Dopełnienie zostało zastosowane na górze, bo tam znajduje się logiczny początek elementu. W tym przypadku logiczna własność padding-block-start
odpowiada fizycznej własności padding-top
.
A teraz tę samą deklarację własności padding-block-start
zastosujemy do tekstu pionowego, pisanego od prawej do lewej.
Efekt:
W tym przypadku dopełnienie również zostało zastosowane na początku bloku logicznego, ale zmieniła się orientacja tego bloku i stąd też zmiana lokalizacji dopełnienia. W tym przypadku logiczna własność padding-block-start
odpowiada fizycznej własności padding-right
.
Obsługiwane wartości
Typy wartości przyjmowane przez własność padding-block-start
:
- Liczba z jednostką długości
- Procenty – wartości procentowe odnoszą się do szerokości lub wysokości (zależnie od kierunku i orientacji pisma) nadrzędnego elementu blokowego, czyli zawierającego ten element, dla którego jest zdefiniowane dopełnienie.
Składnia
Własność padding-block-start
przyjmuje jedną wartość określającą szerokość początkowego logicznego dopełnienia blokowego:
W powyższym przykładzie dopełnienie początkowe w orientacji blokowej będzie miało szerokość 10 pikseli.
Zastosowanie
Własność padding-block-start
ma zastosowanie do wszystkich elementów z wyjątkiem wewnętrznych elementów tabeli, nie licząc komórek, a więc tych, które mają własność display
ustawioną na table-row-group
, table-header-group
, table-footer-group
, table-row
, table-column-group
lub table-column
. Standardowo zaliczają się do nich elementy tr
, th
, tfoot
, colgroup
, col
, thead
i tbody
.
Podsumowanie
Zastosowanie | Wszystkie elementy z wyjątkiem tych, które mają własność display ustawioną na table-row-group , table-header-group , table-footer-group , table-row , table-column-group lub table-column |
---|---|
Obsługiwane wartości |
|
Wartość początkowa | 0 |
Dziedziczenie | Nie |
Specyfikacja | CSS Logical Properties and Values Level 1 – padding-block-start |