Inne działy

 

 

CSS właściwość clear

 

Definicja i Wykorzystanie

Właściwość clear określa, czy dany element pojawi się obok pływających elementów, które go poprzedzają, czy też ma zostać przesunięty poniżej tychże.

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

 

 Właściwość border-right 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 Brak elementów pływających dozwolonych po lewej stronie
right Brak elementów pływających dozwolonych po prawej stronie
both Brak elementów pływających dozwolonych po lewej lub prawej stronie
none Domyślnie. Umożliwia elementy pływające po obu stronach
inherit Określa, że wartość clear powinna być dziedziczona z elementu nadrzędnego

 

Przykład

clear: right;

Przykład

<style type="text/css">
div.float {
border:1px solid #ff9900;
width:120px;
float: right;
}
div.clear {
border:1px solid #cccccc;
width:120px;
clear: right;
}
</style>
<div class="float">Ten div ma zestaw pływaka.</div>
<div class="clear">Ten dział ma zestaw właściwości "CSS clear" . </p>
<p> Spróbuj zmienić CSS clear,
aby zobaczyć jak wpłynie on na pozycje pola Div.
</div>

Przykład

 

<!DOCTYPE html>
<html>
<head>
<style>
img
{
float:left;
}
p.clear
{
clear:both;
}
</style>
</head>
<body>

<img src="/jakis-obrazek.gif" width="95" height="84" />
<p>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>

<p class="clear">To także jakiś tekst. To także jakiś tekst.
To także jakiś tekst.
To także jakiś tekst. To także jakiś tekst.
To także 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.