css:border

Un article de Polydoc.

[modifier] Synopsis

Border permet d'encadrer vos éléments (x)HTML, de types bloc ou en ligne, pour les délimiter.

[modifier] Description

Border est une propriété globale pour faire des bordures en css. Elle en englobe plusieurs autres en une seule :

• border-color
• border-style
• border-width

[modifier] Utilisation

border: value;

[modifier] Arguments

Liste des arguments et ce qu'ils font :

• taille ou largeur de la bordure (en pixels, ou en em)

• style :
  • none => rien (par défaut)
  • solid => bordure continue
  • double => double bordure
  • dashed => bordure avec des tirets
  • dotted => bordure avec des points
  • inset => effet 3d rabaissant ce qu'encadre la bordure
  • outset => effet 3d faisant ressortir ce qu'encadre la bordure
  • groove => effet 3d de la bordure, la source de lumière située en bas a droite
  • ridge => effet 3d de la bordure, la source de lumière située en haut a gauche

• couleur

l'ordre n'a pas d'importance, mais il est préférable d'utiliser un ordre défini pour mieux s'y retrouver

[modifier] Exemples

p {
border:2px dotted black;
}
 
.motcle {
border:1px solid #ff00ff;
}