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
backgroundbackground-attachmentbackground-clipbackground-colorbackground-imagebackground-originbackground-positionbackground-position-xbackground-position-ybackground-repeatbackground-sizeborderborder-bottomborder-bottom-colorborder-bottom-left-radiusborder-bottom-right-radiusborder-bottom-styleborder-bottom-widthborder-collapseborder-colorborder-imageborder-image-outsetborder-image-repeatborder-image-sliceborder-image-sourceborder-image-widthborder-leftborder-left-colorborder-left-styleborder-left-widthborder-radiusborder-rightborder-right-colorborder-right-styleborder-right-widthborder-styleborder-topborder-top-colorborder-top-left-radiusborder-top-right-radiusborder-top-styleborder-top-widthborder-widthbox-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 |