logo-tworzenie-stron-legnica

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 top

Definicja stylu, przeznaczenie i użycie top

Styl definiuje odległość od górnej krawędzi elementu HTML

Wartości właściwości top

Wartość Opis
auto Pozwala przeglądarce obliczyć położenie od górnej krawędzi. Standardowa odległość. To jest ustawienie domyślne.
length Ustawia położenie od górnej krawędzi w pikselach, cm, em itp. Dopuszczalne są wartości ujemne.
% Ustawia położenie od górnej krawędzi w procentach elementu HTML. Dozwolone są wartości ujemne.
initial Ustawia tę właściwość na jej wartość domyślną
inherit Dziedziczy tę właściwość z elementu nadrzędnego

Składnia CSS top

top: auto | length | initial | inherit;

Wsparcie przeglądarek dla właściwości top

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
top 1.0 5.0 1.0 1.0 6.0

 

Przykładowe zastosowania z właściwoścą top

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

Właściwość CSS:
top:

 
Rezultat:
Spróbuj z różnymi wartościami top tego żółtego elementu DIV.
Kod CSS:
div#myBox {
background-color:yellow;
width:100px;
position:relative;
top:0px;
}
 

Przykłady właściwości top

top: 10px;

top: -10px;

top: 5%;

 

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