Aucune bordure n'est spécifiée pour le tableau.
table {border-style: none} |
|
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
|
Une bordure pleine est définie pour le tableau.
table {border-style: solid} |
|
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
|
La bordure du tableau prend la forme d'un trait double.
table {border-style: double} |
|
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
|
La bordure apparaît enfoncé dans la page.
table {border-style: inset} |
|
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
|
La bordure semble sortir de la page.
table {border-style: outset} |
|
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
|
Dans cet exemple, la bordure doit prendre la forme d'une rainure.
table {border-style: groove} |
|
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
|
La bordure prend l'apparence d'un sillon.
table {border-style: ridge} |
|
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
|
Normalement la bordure doit prendre la forme de points.
table {border-style: dotted} |
|
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
|
Les bordures devraient être une succession de tirets.
table {border-style: dashed} |
|
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
|
Dans cet exemple, le tableau devrait posséder des bordures de caractéristiques différentes,
une bordure cachée en haut, une double à droite, enfoncée en bas et pleine à gauche.
table {border-style: hidden double inset solid} |
|
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
|
Dans cet exemple, le tableau devrait posséder des bordures de caractéristiques différentes,
une bordure inexistante en haut, une double en bas, pleine à gauche et absente à droite.
table {
border-top-style: none;
border-bottom-style: dashed;
border-left-style: dotted;
border-right-style: none} |
|
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
|