Styl CSS float
Styl definiuje kierunek oblewania elementu (np. obrazka) przez tekst lub inne elementy.
WARTOŚCI
- none - CSS: 2.1, 2.0, 1.0
- bez zmian, wartość domyślna
- left - CSS: 2.1, 2.0, 1.0
- element znajduje się po lewej stronie i oblewany jest z prawej strony
- right - CSS: 2.1, 2.0, 1.0
- element znajduje się po prawej stronie i oblewany jest z lewej strony
- inherit - CSS: 2.1, 2.0
- przejęcie wartości "rodzica", np. float: inherit;
CSS: 2.1, 2.0, 1.0
Listing
Przykład 1:
<img src="g/tlo.gif" width="50" height="50" alt="" style="float: left;" />
Tekst będzie oblewał element po prawej stronie, a sam element znajdzie
się po stronie prawej - zgodnie z tym co zadeklarowaliśmy.<br /> Co
ciekawe, w CSS oblewać można nie tylko obrazki, ale także akapity
i inne elementy. Pozwala to tworzyć bardzo zaawansowane i ładnie
poukładane strony z tekstem.
Tekst będzie oblewał element po prawej stronie, a sam element znajdzie się po stronie prawej - zgodnie z tym co zadeklarowaliśmy.
Co ciekawe, w CSS oblewać można nie tylko obrazki, ale także akapity i inne elementy. Pozwala to tworzyć bardzo zaawansowane i ładnie poukładane strony z tekstem.
? Przykład 1:
<style type="text/css"><!--
img { float: none; }
.lewo { float: left; }
.prawo { float: right; }
--></style>
<img src="g/tlo.gif" width="50" height="50" alt="" style="float: left;" />
Tekst będzie oblewał element po prawej stronie, a sam element znajdzie
się po stronie prawej - zgodnie z tym co zadeklarowaliśmy.<br /> Co
ciekawe, w CSS oblewać można nie tylko obrazki, ale także akapity
i inne elementy. Pozwala to tworzyć bardzo zaawansowane i ładnie
poukładane strony z tekstem.
Tekst będzie oblewał element po prawej stronie, a sam element znajdzie się po stronie prawej - zgodnie z tym co zadeklarowaliśmy.
Co ciekawe, w CSS oblewać można nie tylko obrazki, ale także akapity i inne elementy. Pozwala to tworzyć bardzo zaawansowane i ładnie poukładane strony z tekstem.
? Przykład 1:
<style type="text/css"><!--
img { float: none; }
.lewo { float: left; }
.prawo { float: right; }
--></style>
Dodano przez: igor
Ranga: Administrator serwisu Punktów: 0
Ranga: Administrator serwisu Punktów: 0
Komentarze użytkowników
:: Losowe artykuły
:: Wymiana linków
Modowe inspiracje |
Android Gry i Aplikacje |
ZaplanujTransport.pl: Przeprowadzki, transport, aukcje |
Logo dla firmy |
Change Tires - Car Weather Forecast Reminder |
Laminas: MVC Framework for PHP |
IT Books Reviews and Programming: JS, JAVA, PHP, ANDROID, CSS |
Katalog roślin |
Programming articles: JAVA, PHP, C++, Python, JavaScript |
Kancelaria Adwokacka Łukasz Huszno