Pseudo Mot de passe
fleche Inscription
fleche Mot de passe oublié ?
Informations Générales
Chargement en cours...
Nombre de Visites fleche [ 139916 ]
Votre IP fleche [ 38.103.63.16 ]
Vous êtes ici : Home Page Cours CSS Propriete border-style
Imprimer Imprimer le document

Informations Membres

[195] Posts sur le forum
[177] Membres inscrits
Il y a en ligne :
  arrow 0 Membre
  arrow 3 Invités

fled Membre en ligne:
Aucun

Partenariat

Partenariat Vous pouvez aider ce site à évoluer, en contribuant à son développement. Proposez vos idées de cours et/ou dossiers. Rendez-vous dans « Partenariat » pour en savoir plus.


Nom de domaine

www.

Partenaires

La propriété Border-Style

Cette propriété permet de définir un style pour la bordure d'un élément.
Il est également possible d'affecter un style différent pour chaque côté de la bordure en indiquant quatre valeurs, si seulement deux sont définies, alors la première appliquera un style en haut et en bas et la seconde à droite et à gauche de la bordure.

border-style
Valeur none
hidden
dotted
dashed
solid
double
groove
ridge
inset
outset
Type CSS 1 & 2
Compatibilité Compatible Internet Explorer 5+ Compatible Netscape 7+ Compatible Firefox 4+ Compatible Opera 9+
Valeur par défaut none
Domaine d'application Tous les éléments
Héritage non
Media visuel

Valeur
possible
Action Exemple
none Aucun style n'est spécifié pour la bordure. table {border-style: none}
groove La bordure prend la forme d'une rainure. td {border-style: groove}
inset La bordure est enfoncée. p {border-style: inset}

Exemples

Aucune bordure n'est spécifiée.

cellule cellule cellule
cellule cellule cellule
table {border-style: none}

La bordure prend la forme d'une rainure.

cellule cellule cellule
cellule cellule cellule
table {border-style: groove}

La bordure est enfoncée.

cellule cellule cellule
cellule cellule cellule
table {border-style: inset}
Haut de page