CSS Backgrounds and Borders
CSS Backgrounds and Borders est un module CSS qui permet de mettre en forme les bordures et arrière-plans des éléments. Les arrière-plans peuvent être dessinés avec une couleur ou une image, rognés, redimensionnés voire modifiés. Les bordures peuvent être décorées avec des lignes, des images, former des angles droits ou des angles courbes. Il est également possible de décorer les boîtes des éléments avec des ombres.
Référence
Propriétés CSS
background
background-attachment
background-clip
background-color
background-image
background-origin
background-position
background-position-x
background-position-y
background-repeat
background-size
border
border-bottom
border-bottom-color
border-bottom-left-radius
border-bottom-right-radius
border-bottom-style
border-bottom-width
border-collapse
border-color
border-image
border-image-outset
border-image-repeat
border-image-slice
border-image-source
border-image-width
border-left
border-left-color
border-left-style
border-left-width
border-radius
border-right
border-right-color
border-right-style
border-right-width
border-style
border-top
border-top-color
border-top-left-radius
border-top-right-radius
border-top-style
border-top-width
border-width
box-shadow
Guides
- Manipuler plusieurs arrière-plans
-
Dans cet article, on voit comment paramétrer un ou plusieurs arrière-plans pour un élément.
- Mettre à l'échelle les images utilisées pour un arrière-plan
-
Dans cet article, on voit comment modifier la taille et paramétrer la répétition d'une image d'arrière-plan.
- Appliquer des couleurs sur des éléments HTML grâce à CSS
-
Dans cet article, on voit comment utiliser CSS pour ajouter de la couleur sur des éléments HTML, y compris sur les bordures.
Outils
- Générateur pour
border-image
-
Un outil interactif pour créer visuellement des images de bordure (cf. la propriété
border-image
). - Générateur pour
border-radius
-
Un outil interactif pour créer visuellement des angles arrondies (cf. la propriété
border-radius
). - Générateur pour
box-shadow
-
Un outil interactif pour créer visuellement des ombres derrière les éléments (cf. la propriété
box-shadow
).
Spécifications
Specification |
---|
CSS Backgrounds and Borders Module Level 3 |