Atrybut float w CSS
Polecane kursy:
Definicja i zastosowanie
Jeśli płynny element nie jest zastępczy, należy określić jego konkretną szerokość; w przeciwnym razie będą one jak najbardziej wąskie.
Komentarz:Jeśli na wierszu jest bardzo mało miejsca na elementy płynne, element ten przechodzi do wiersza poniżej, aż do momentu, gdy któryś z wierszy będzie miał wystarczająco dużo miejsca.
Zobacz również:
Kurs CSS:Umieszczanie w CSS
Podręcznik HTML DOM:Atrybut cssFloat
Gramatyka CSS
float: none|left|right|initial|inherit;
Wartość atrybutu
| Wartość | Opis |
|---|---|
| left | Element płynie w lewo. |
| right | Element płynie w prawo. |
| brak | Domyślna wartość. Element nie jest płynny i jest wyświetlany w miejscu, w którym się pojawia w tekście. |
| dziedziczona | Definiuje, czy wartość atrybutu float powinna być dziedziczona od elementu nadrzędnego. |
Szczegóły techniczne
| Domyślna wartość: | brak |
|---|---|
| Inheredność: | nie |
| Wersja: | CSS1 |
| Gramatyka JavaScript: | object.style.cssFloat="left" |
Przykład TIY
- Proste zastosowanie atrybutu float
- Ustaw obraz na prawej stronie akapitu
- Ustaw obraz z ramką i marginesem na prawej stronie akapitu
- Ustaw obraz na prawej stronie akapitu. Dodaj ramkę i margines do obrazu.
- Obraz z tytułem na prawej stronie
- Ustaw obraz z tytułem na prawej stronie
- Ustaw pierwszą literę akapitu na lewej stronie
- Ustaw pierwszą literę akapitu na lewej stronie i dodaj do niej styl.
- Utwórz poziome menu
- Użyj float z jednym linkiem nawigacyjnym, aby utworzyć poziomy menu.
- Utwórz stronę główną bez tabeli
- Użyj float, aby utworzyć stronę główną z nagłówkiem, stopką, lewym spisem treści i głównym treściem.
Wsparcie 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 | 7.0 |
