/ Code Css border | Résultat du code Css border | Copie d'écran / J'ai vu une erreur dans cette page

Exemple de code de la propriété CSS border.

<style type="text/css">
.table-bordure {  : 5px solid green }
.table-bordure td {  : 2px solid red }
.div-bordure {  : 2px solid red; width:200px; height:20px }
.span-bordure {  : 2px dashed red; }
.img-bordure {  : 5px dotted red; }
.conteneur {  width:60px; }
</style>
.table-bordure{ border : 5px solid green }<br>
.table-bordure td{ border : 2px solid red }
<table width="300" border="1" cellspacing="0" cellpadding="0" class="table-bordure">
  <tr>
    <td>Texte</td>
  </tr>
  <tr>
    <td>Texte</td>
  </tr>
  <tr>
    <td>Texte</td>
  </tr>
</table>
.div-bordure{ border : 2px solid red } de type bloc
<div class="div-bordure"> </div>
.span-bordure{ border : 2px dashed red } de type inline
<div class="conteneur">
<span class="span-bordure">Je suis de type inline sur plusieurs lignes</span>
</div>
.img-bordure{ border : 5px dotted red } <br>
<img src="/img/exemple/filter-image.jpg" class="img-bordure">

Interprétation du code de la propriété border CSS par votre navigateur.

.table-bordure{ border : 5px solid green }
.table-bordure td{ border : 2px solid red }
Texte
Texte
Texte
.div-bordure{ border : 2px solid red } de type bloc
.span-bordure{ border : 2px dashed red } de type inline
Je suis de type inline sur plusieurs lignes
.img-bordure{ border : 5px dotted red }

Interprétation normale du code de la propriété CSS border (copie d'écran).

copie d'écran de l'affichage de la propriété CSS border