CSS 2 - Float

CSS 2  

[ A ]  [ B ]  [ C ]  [ D ]  [ E ]  [ F ]  [ H ]  [ L ]  [ M ]  [ O ]  [ P ]  [ Q ]  [ R ]  [ S ]  [ T ]  [ V ]  [ W ]  [ Z ]

float

    

Wartości:

  • none (wartość domyślna) - brak zdefiniowanego sposobu;
  • left - oblewanie tekstem z lewej strony;
  • right - oblewanie tekstem z prawej strony;
  • inherit - przejęcie wartości "rodzica".

 

Zastosowanie.

Przykład:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
   <meta http-equiv="content-type"   content="text/html; charset=iso-8859-2">
   <title>Pierwszy dokument</title>
   <style type="text/css">
      IMG {float:left;}
   </style>
</head>
<body>
   <table border="1" width="400">
      <tr>
         <td width="100%">Przykładowa strona. Przykładowa strona.
         <img src="gifs/delfinysml.jpg" width="100" height="68">Przykładowa strona.           Przykładowa strona. Przykładowa strona.Przykładowa strona. Przykładowa
         strona. Przykładowa strona. Przykładowa strona.Przykładowa strona.
         Przykładowa strona. Przykładowa strona. Przykładowa strona.Przykładowa
         strona. Przykładowa strona. Przykładowa strona. Przykładowa strona.
         Przykładowa strona. Przykładowa strona. Przykładowa strona. Przykładowa
         strona. Przykładowa strona. Przykładowa strona. Przykładowa strona.
         Przykładowa strona.Przykładowa strona. </td>
      </tr>
   </table>
</body>
</html>

Efekt:

[testuj]

 

[ A ]  [ B ]  [ C ]  [ D ]  [ E ]  [ F ]  [ H ]  [ L ]  [ M ]  [ O ]  [ P ]  [ Q ]  [ R ]  [ S ]  [ T ]  [ V ]  [ W ]  [ Z ]