Accueil    CSS    Bordures et contours
 



style css bordures et contours  Style CSS : bordures et contours

Index des styles


Les styles relatifs aux bordures et contours permettent de maitriser l'apparence des éléments en personnalisant le type, l'épaisseur et la couleurs de leurs bords et de leurs contours. Le contrôle des bordures est complet pour chaque bordure (haute, basse, gauche et droite) alors que la définition du contour est unique pour les quatre côtés.
Ils offrent aussi un contrôle sur l'espacement entre le contenu et la bordure ainsi qu'entre la bordure et les éléments adjacents.


Propriétés relatives aux bordures :




propriété Description CSS
border Initialise les différents styles applicables à la bordure en une seule déclaration :
border-top, border-bottom, border-left, border-right
CSS 1
border-color Spécifie la couleur de la bordure :
border-top-color, border-bottom-color, border-left-color, border-right-color
CSS 1
border-radius Défini la valeur du rayon de l'arrondi des angles d'un élément :
border-top-left-radius, border-top-right-radius, border-bottom-right-radius, border-bottom-left-radius
CSS 3
border-style Apparence de la bordure de l'élément :
border-top-style, border-bottom-style, border-left-style, border-right-style
CSS 1
border-width Indique l'épaisseur de la bordure :
border-top-width, border-bottom-width, border-left-width, border-right-width
CSS 1
border-collapse Spécifique à l'affichage des tableaux : permet de fusionner ou séparer les bordures des cellules CSS 2
border-spacing Spécifique à l'affichage des tableaux : indique l'espace entre les bordures des cellules lorsque la propriété border-collapse est positionnée à separate CSS 2
padding Détermine l'espace entre les bords de l'élément et son contenu :
padding-top, padding-bottom, padding-left, padding-right
CSS 1



Propriétés relatives aux contours :




propriété Description CSS
outline Initialise les différents styles applicables au contour en une seule déclaration CSS 2
outline-color Spécifie la couleur du contour CSS 2
outline-offset Applique un espace entre la bordure et le contour de l'élément CSS 3
outline-style Apparence du contour de l'élément CSS 2
outline-width Indique l'épaisseur du contour CSS 2
margin Détermine l'espace entre les bords de l'élément et les éléments adjacents :
margin-top, margin-bottom, margin-left, margin-right
CSS 1