 |

La propriété Clear
Cette propriété indique quels côtés d'une boîte d'un élément peuvent ne pas être adjacent à une boîte flottante.
| clear |
| Valeur |
none
left
right
both |
| Type |
CSS 2 |
| Compatibilité |
5+
7+
4+
3+
9+ |
| Valeur par défaut |
none |
| Domaine d'application |
Tous les éléments positionnables, de type bloc (dont le rendu visuel s'apparente à un bloc), qui supporte la valeur : "Display :block"
(Voir la propriété Display). |
| Héritage |
non |
| Media |
Visuel |
Valeur possible |
Action |
Exemple |
| none |
Aucune contrainte n'est donnée pour la position de la boîte. |
table {clear: none} |
| left |
La marge supérieure de la boîte produite est augmentée assez que le bord de frontière supérieur est au-dessous du fond le bord extérieur de n'importe quelles boîtes flottant gauche qui ont résulté d'éléments plus tôt dans le document source. |
p {clear: left} |
| right |
La marge supérieure de la boîte produite est augmentée assez que le bord de frontière supérieur est au-dessous du fond le bord extérieur de n'importe quelles boîtes flottant droit qui ont résulté d'éléments plus tôt dans le document source. |
table {clear: right} |
| both |
La boîte produite est déplacée au-dessous de toutes les boîtes d'action de flotter d'éléments précédents dans le document source. |
p {clear: both} |
Exemples
Exemple sans clear.
|
bloc
Tout le monde a son bout de papier dans le coin de son bureau, un fichier Nouveau Document texte.txt sur le bureau avec tout ce que vous devez faire.
On appelle ça une todolist.
|
p {clear: none}
|
Exemple avec clear égal à both.
|
bloc
Tout le monde a son bout de papier dans le coin de son bureau, un fichier Nouveau Document texte.txt sur le bureau avec tout ce que vous devez faire.
On appelle ça une todolist.
|
p {clear: both}
|
 |

|