Atrybut vertical-align w CSS

Definicja i użycie

Ustawia sposób wertykalnego wyrównania elementu.

Opis

Ta właściwość definiuje wertykalne wyrównanie bazy elementu w stosunku do bazy wiersza, w którym znajduje się element. Pozwala na podanie ujemnych wartości długości i wartości procentowych. To spowoduje, że element będzie spadał zamiast wznosić się. W komórkach tabeli ta właściwość ustawia sposób wyrównania zawartości komórki w ramce komórki.

Zobacz również:

CSS Tutorial:Tekst w CSS

HTML DOM Reference Manual:verticalAlign attribute

Przykład

Wertykalne wyrównanie obrazu:

img
  {
  vertical-align:text-top;
  }

Spróbuj sam

CSS syntax

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

Wartość atrybutu

Wartość Opis
bazowa Domyślne. Element umieszczony na bazowej linii elementu nadrzędnego.
sub Wertykalne wyrównanie tekstu w dół.
super Wertykalne wyrównanie tekstu w górę
top Dopasowanie górnej krawędzi elementu do górnej krawędzi najwyższego elementu w wierszu.
text-top Dopasowanie górnej krawędzi elementu do górnej krawędzi czcionki elementu nadrzędnego
middle Umieszczenie tego elementu w środku elementu nadrzędnego.
bottom Dopasowanie górnej krawędzi elementu do górnej krawędzi najniższego elementu w wierszu.
text-bottom Dopasowanie dolnej krawędzi elementu do dolnej krawędzi czcionki elementu nadrzędnego.
length 　
% Układ tego elementu za pomocą procentowych wartości atrybutu "line-height". Dopuszczalne są ujemne wartości.
dziedziczony Definiuje, że wartość właściwości vertical-align powinna być dziedziczona od elementu nadrzędnego.

Techniczne szczegóły

Domyślna wartość: bazowa
Inheredność: nie
Wersja: CSS1
JavaScript syntax: object.style.verticalAlign="bottom"

Więcej przykładów

Wertykalne wyrównanie obrazów
Ten przykład pokazuje, jak w tekście wertykalnie układać obrazy.

Obsługa przeglądarki

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 4.0