config

Style CSS

Spis alfabetyczny stylów CSS.

Ściąga CSS - przykłady, style CSS alfabetycznie, spis stylów CSS, właściwości CSS, skorowidz stylów CSS.


 

Strona w trakcie modernizacji

Zapraszamy wkrótce

Właściwość CSS vertical-align

Definicja stylu, przeznaczenie i użycie vertical-align

Właściwość vertical-align określa wyrównanie elementu w pionie.

Wartości właściwości vertical-align

Wartość Opis
baseline Element jest wyrównany z linią bazową elementu nadrzędnego. To jest ustawienie domyślne.
length Podnosi lub obniża element o określoną długość px | mm | cm | in | pt | pc | em | ex. Dozwolone są wartości ujemne.
% Wartość wyrażona w procentach. Dodatnie przesuwają element w górę, natomiast ujemne w dół.
sub Element jest wyrównany z linią bazową indeksu dolnego elementu nadrzędnego.
super Element jest wyrównany z linią bazową indeksu górnego elementu nadrzędnego.
top Element jest wyrównany z górą najwyższego elementu na linii.
text-top Element jest wyrównany z górną częścią czcionki elementu nadrzędnego.
middle Element jest wyrównany do środka elementu nadrzędnego.
bottom Element jest wyrównany z najniższym elementem w linii.
text-bottom Element jest wyrównany do dołu czcionki elementu nadrzędnego.
initial Ustawia tę właściwość na jej wartość domyślną.
inherit Dziedziczy tę właściwość z elementu nadrzędnego.

Składnia CSS vertical-align

vertical-align: baseline | length | sub | super | top | text-top | middle | bottom | text-bottom | initial | inherit;

Wsparcie przeglądarek dla właściwości vertical-align

Liczba w tabeli określa pierwszą wersję przeglądarki w pełni obsługującą tę właściwość.

Właściwość chrome edge firefox safari opera
vertical-align 1.0 4.0 1.0 1.0 4.0

 

Przykładowe zastosowania z właściwością vertical-align

Kliknij wartości właściwości poniżej, aby zobaczyć wynik.

Właściwość CSS:
vertical-align:

 
Rezultat:

Ten przykład demonstruje różne vertical-aligns.

Kod CSS:
span#mySpan {
background-color:yellow;
vertical-align:baseline;
}
 

 

Przykłady właściwości vertical-align

vertical-align: baseline;

vertical-align: text-top;

vertical-align: sub;

vertical-align: super;

vertical-align: middle;

vertical-align: bottom;

vertical-align: text-bottom;

 

Witold Czuba Tworzenie stron Warszawa, Wrocław i Legnica | Grafik | Strony , , Marynarska 54, 59-220, Legnica, dolnośląskie, Polska, tel. +48 780 060 995, Pon. - pt. 8:00 - 17:00

 

 

Witold Czuba

Tworzenie stron Warszawa, Wrocław i Legnica | Grafik | Strony

Marynarska 54
59-220, Legnica,
dolnośląskie, Polska,
tel. +48 780 060 995,
Pon. - pt. 8:00 - 17:00