Sintassi

Significato dei valori principali:

• none: Valore predefinito. Non impedisce il posizionamento accanto a elementi flottanti.

• left: L'elemento non si posiziona accanto a elementi flottanti a sinistra (con float: left).

• right: L'elemento non si posiziona accanto a elementi flottanti a destra (con float: right).

• both: L'elemento si posiziona sotto a tutti gli elementi flottanti, sia a sinistra che a destra.

• inline-start / inline-end: (CSS Logical Properties) Gestisce il comportamento in base alla direzione del contenuto (es. ltr o rtl).

Esempio proprietà: clear

Codice Esempio: clear

CODE: CSS

1. .float-box {

2.   width: 100px;

3.   height: 100px;

4.   float: left;

5.   margin-right: 10px;

6.   background-color: #50a14f;

7.   color: white;

8.   text-align: center;

9.   line-height: 100px;

10.   border-radius: 8px;

11. }

13. .clear-box {

14.   clear: both;

15.   background-color: #e45649;

16.   padding: 20px;

17.   color: white;

18.   font-size: 18px;

19.   border-radius: 8px;

20.   margin-top: 10px;

21. }

Contenuto Esempio: clear

Prova questo esempio

DEMO

Note:
Le indicazioni dei Browser supportati sono superate grazie alla loro costante evoluzione, si consiglia di verificare la compatibilità dei vari browser eseguendo il test cliccando qui sotto.

Supporto Browser