CLEAR

Properti CLEAR digunakan untuk menetapkan sisi-sisi mana saja dari suatu elemen diperbolehkan terdapat suatu elemen yang di float.

Sintaks:

clear: value;

Untuk value:

• none (default)
  Diperbolehkan di salah satu sisi atau kedua sisi suatu elemen terdapat elemen yang di floating.

  Contoh:

  .clear-none { clear: none; }
• left
  Tidak diperbolehkan di sisi kiri suatu elemen terdapat elemen yang di floating.

  Contoh:

  .float-left { float: left; margin: 15px; width: 100px; height: 100px; } .clear-left { clear: left; }

  Di mana elemennya mungkin seperti berikut:

  <IMG CLASS="float-left" SRC="picture.gif"> <P CLASS="clear-left">Lorem ipsum...</P>
• right
  Tidak diperbolehkan di sisi kanan suatu elemen terdapat elemen yang di floating.

  Contoh:

  .float-right { float: right; margin: 15px; width: 100px; height: 100px; } .clear-right { clear: right; }

  Di mana elemennya mungkin seperti berikut:

  <IMG CLASS="float-right" SRC="picture.gif"> <P CLASS="clear-right">Lorem ipsum...</P>
• both
  Tidak diperbolehkan baik di sisi kiri dan di sisi kanan suatu elemen terdapat elemen yang di floating.

  Contoh:

  .float-left-1 { float: left; margin: 15px; width: 100px; height: 100px; } .float-left-2 { float: left; } .clear-both { clear: both; }

  Di mana elemennya mungkin seperti berikut:

  <IMG CLASS="float-left-1" SRC="picture.gif"> <P CLASS="clear-both">Lorem ipsum...1</P> <P CLASS="float-left-2">Lorem ipsum...2</P>
• inherit
  Menerapkan nilai CLEAR elemen induknya.

Properti CLEAR bisa diaplikasikan kepada elemen block-level html.