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 bottom

Definicja stylu, przeznaczenie i użycie bottom

Styl definiuje odległość od dolnej krawędzi elementu HTML

Wartości właściwości bottom

Wartość Opis
auto Pozwala przeglądarce obliczyć położenie od dolnej krawędzi. To jest ustawienie domyślne.
length Ustawia położenie od dolnej krawędzi w pikselach, cm, em itp. Dopuszczalne są wartości ujemne.
% Ustawia położenie od dolnej 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 bottom

bottom: auto | length | initial | inherit;

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

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

 

Przykładowe zastosowania z właściwością bottom

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

Właściwość CSS:
bottom:

 
Rezultat:
Baw się różnymi wartościami bottom tego żółtego elementu DIV.

Note: Aby pozycjonować elementy przy pomocy właściwości bottom za pomocą wartości % (procent), użyj position:absolute.

Kod CSS:
div#myBox {
background-color:yellow;
width:100px;
position:absolute;
bottom:0px;
}
 

 

Przykłady właściwości bottom

bottom: 10px;

bottom: -10px;

bottom: 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