Inne działy

 

 

CSS właściwość float

 

Definicja i Wykorzystanie

Właściwość CSS float jest używana do pozycjonowania elementów. Określa ona, czy wyrównanie pola ma być w lewo lub w prawo, od innych elementów, lub wcale. To może pomóc w osiągnięciu zaawansowanych układów podobnych do tych z magazynów i gazet.

Uwaga: elementy pozycjonowane z wartością absulutely ignorują właściwość float.

 

Wartość domyślna: brak
Dziedziczenie: nie
Wersja: CSS1
JavaScript składnia: object.style.cssFloat="left"

 

 Właściwość float jest obsługiwana przez wszystkie główne przeglądarki.

Uwaga: wartość "inherit" nie jest obsługiwana w IE7 i wcześniejszych. IE8 wymaga !DOCTYPE. IE9 obsługuje "inherit".

 

Wartości właściwości

 

WartośćOpis
left Element płynie w lewo
right Element płynie w prawo
none Element nie jest dystrybuowany i pojawi się dokładnie tam, gdzie występuje w tekście. Jest to ustawienie domyślne
inherit Określa, że wartość właściwości float powinna być dziedziczona z elementu nadrzędnego

 

Przykład

h1 { float: left }

Przykład

<style type="text/css">
h1 { float: left }
</style>
<h1>CSS float</h1>
<p>Jeżeli Twoja przeglądarka obsługuje obiekt float CSS, ten tekst
będzie oblewał tytuł. Jeśli to nie działa, to może być coś ze
zgodnością przeglądarki ...
</p>

Przykład

<!DOCTYPE html>
<html>
<head>
<style>
img
{
float:right;
}
</style>
</head>

<body>
<p>W akapicie poniżej, dodaliśmy zdjęcie z float <b> float:right </ b>.
Powoduje to, że obraz znajduję się na prawo od paragrafu</p>
<p>
<img src="/jakis-obrazek.gif" width="95" height="84" />
To jest jakiś tekst. To jest jakiś tekst. To jest jakiś tekst.
To jest jakiś tekst. To jest jakiś tekst. To jest jakiś tekst.
To jest jakiś tekst. To jest jakiś tekst. To jest jakiś tekst.
To jest jakiś tekst. To jest jakiś tekst. To jest jakiś tekst.
To jest jakiś tekst. To jest jakiś tekst. To jest jakiś tekst.
To jest jakiś tekst. To jest jakiś tekst. To jest jakiś tekst.
To jest jakiś tekst. To jest jakiś tekst. To jest jakiś tekst.
To jest jakiś tekst. To jest jakiś tekst. To jest jakiś tekst.
To jest jakiś tekst. To jest jakiś tekst. To jest jakiś tekst.
To jest jakiś tekst. To jest jakiś tekst. To jest jakiś tekst.
</p>
</body>

</html>

 

Zobacz nasze wszystkie kursy

WWW


HTML
HTML - Znaczniki
CSS - Tutorial
CSS - Selektory
PHP
JavaScript

XML

XSLT

Bazy danych


SQL
SQLite
MySQL
PostgreSQL

 

 

Programowanie


C
C++
C#
Java
VisualBasic
Python

Linux


Podstawy Linuxa
Bash
Linuks artykuły

Windows


Excel funkcje
Windows wskazówki
Outlook

Pozotałe działy


Programy
Rozrywka

 

 

 

This email address is being protected from spambots. You need JavaScript enabled to view it.