config

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%;

 

 

Obszar działalności – tworzenie stron internetowych w miastach:

Witold Czuba Tworzenie stron Warszawa, Wrocław i Legnica | Teksty SEO pozycjonujące strony | Grafika na strony internetowe
Adres:, 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 | Teksty SEO pozycjonujące strony | Grafika na strony internetowe

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