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

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

Spécification État Commentaires
CSS Backgrounds and Borders Module Level 3 Candidat au statut de recommandation  
CSS Level 2 (Revision 1) Recommendation  
CSS Level 1 Recommendation  

Compatibilité des navigateurs

Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari
Support simple 1.0 1.0 (1.7 ou moins) 4.0 3.5 1.0 (85)
Fonctionnalité Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Support simple (Oui) 1.0 (1.9.2) (Oui) (Oui) 1.0

Étiquettes et contributeurs liés au document

 Contributeurs à cette page : SphinxKnight
 Dernière mise à jour par : SphinxKnight,