Dépannage informatique à domicile NCT Micro
  Cliquez ici pour vous abonner à ce flux RSS  

border

border-collapsecollapse; separate; inherit;Détermine si dans un tableau les bordures des éléments adjacents doivent être affichées séparément ou fusionnées
border-colorrgb(0,255,0); #0056ff; blue; transparent; inherit;Définit la couleur de bordure d'un élément. Doit être OBLIGATOIREMENT accompagné d'un style et d'une épaisseur de bordure. Pour le même élément plusieurs types de couleurs bordures peuvent être utilisées. Ex: red pour le haut et le bas, rgb(255,145,78) pour les côtés.
border-spacing15px; 10em; inherit;Détermine l'espacement entre les cellules
border-styledashed:tirets; dotted:pointillés; double; groove:effet 3D; hidden; inset:effet entrant; none; outset:effet sortant; ridge:effet 3D; solid:trait plein; inherit;Définie le type des bordures d'un élément. Doit être OBLIGATOIREMENT accompagné d'une épaisseur de bordure. Pour le même élément plusieurs types de bordures peuvent être utilisées. Ex: dashed pour le haut et le bas, dotted pour les côtés.
border-top
border-right
border-bottom
border-left
4px; solid; gray;Raccourci pour border-top-width; border-top-style; border-top-color; etc.
border-widththin:bordure fine; medium; thick:bordure épaisse; 2px; 3em; inherit;Détermine l'épaisseur des bordures. Pour le même élément plusieurs types de bordures peuvent être utilisées. Ex: thin pour le haut et le bas, medium pour les côtés.
Il y a aussi: border-bottom-style; border-right-style; border-top-style; border-left-style; border-width; border-bottom-width; border-right-width; border-top-width; border-left-width;Pour supprimer la bordure à une image: border-width: 0; et border-style: none;

Exemple avec border:

bordure haut rouge trait plein
bordure droite bleue pointillés
bordure bas blanche 1em
bordure gauche verte double 12 pixels

Codage CSS de l'exemple:

div#bordure {
/* bordure trait plein en haut solid, pointillé à droite dotted, tirets en bas dashed, bordure double à gauche double */
border-style: solid dotted dashed double;
/* bordure fine */
border-top-width: thin;
/* bordure moyenne */
border-right-width: medium;
/* bordure de 12 pixel de haut */
border-left-width: 12px;
/* bordure de 1 caractère de haut */
border-bottom-width: 1em;
border-color: red blue white green;

}

Code HTML pour afficher le style CSS

<html>
< head>
< style type="text/css"> @import url(style/background.css);</style>
< /head>
< body>
<div id="bordure">bordure haut rouge trait plein<br/>bordure droite bleue pointillés<br/>bordure bas blanche 1em<br/>bordure gauche verte double 12 pixels</div>
< /body>
< /html>