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 float

Definicja stylu, przeznaczenie i użycie float

Styl definiuje kierunek oblewania elementu. Właściwość float określa, w jaki sposób element powinien się unosić w obszarze zawartości swojego elementu HTML rodzica

Uwaga: elementy pozycjonowane absolutnie ignorują właściwość float!

Uwaga: elementy po elemencie pływającym będą opływać go. Aby tego uniknąć, użyj właściwości clear lub hacka clearfix (zobacz przykład na dole tej strony).

Wartości właściwości float

Wartość Opis
none Element nie pływa (zostanie wyświetlony dokładnie tam, gdzie występuje w tekście). To jest ustawienie domyślne.
left Element pływa po lewej stronie swojego kontenera.
right Element pływa po prawej stronie swojego kontenera.
initial Ustawia tę właściwość na jej wartość domyślną.
inherit Dziedziczy tę właściwość z elementu nadrzędnego.

Składnia CSS float

float: none | left | right | initial | inherit;

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

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
float 1.0 4.0 1.0 1.0 7.0

 

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

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

Właściwość CSS:
float:

 
Rezultat:
Element span.
DIV
Kolejny element span.
Kod CSS:
div#myDIV {
width:100px;
background-color:red;
float:none;
}
 

Przykłady właściwości float

1. float: left;

2. float: none;

3. float: right;

4. .clearfix::after {
content: "";
clear: both;
display: table;
}

5. img {
float: left;
}
p.clear {
clear: both;
}

 

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