IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)

FAQ CSS

FAQ CSSConsultez toutes les FAQ

Nombre d'auteurs : 17, nombre de questions : 59, dernière mise à jour : 14 juin 2021 

 
OuvrirSommaireTechniquesDécorationsBordures

Il existe trois propriétés qui permettent de définir une bordure pour un élément.

Vous pouvez définir l'épaisseur, le style et la couleur avec les propriétés border-width, border-style et border-color.

Il est possible de définir une bordure avec une seule ligne de CSS grâce à la propriété border.

Exemple :

L'élément à décorer :
Sélectionnez
<div id="monDiv">
  Ce texte est entouré d'une bordure...
</div>
Le CSS associé :
Sélectionnez
#monDiv {
  border-width: 1px;
  border-style: solid;
  border-color: #F00;
}
/* Ou sur une seule ligne */
#monDiv {
  border: 1px solid red;
}
Mis à jour le 8 octobre 2012  par Bisûnûrs, Torgar

Il est possible de ne définir la bordure que pour un côté précis.

Par exemple, pour définir la bordure du haut, nous utiliserons les propriétés border-top-*

Exemple :

L'élément à décorer :
Sélectionnez
<div id="monDiv">
  Ce texte à une bordure en haut...
</div>
Le CSS associé :
Sélectionnez
#monDiv {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #F00;

Les propriétés disponibles sont :

  • border-top-width, border-top-style et border-top-color ;
  • border-right-width, border-right-style et border-right-color ;
  • border-bottom-width, border-bottom-style et border-bottom-color ;
  • border-left-width, border-left-style et border-left-color ;
Créé le 29 février 2008  par Bisûnûrs

Les sources présentées sur cette page sont libres de droits et vous pouvez les utiliser à votre convenance. Par contre, la page de présentation constitue une œuvre intellectuelle protégée par les droits d'auteur. Copyright © 2004 Developpez.com Developpez LLC. Tous droits réservés Developpez LLC. Aucune reproduction, même partielle, ne peut être faite de ce site ni de l'ensemble de son contenu : textes, documents et images sans l'autorisation expresse de Developpez LLC. Sinon vous encourez selon la loi jusqu'à trois ans de prison et jusqu'à 300 000 € de dommages et intérêts.