Démos

Toutes les démos

<>

Couverture du livre CSS3 Le design web moderne

Livre CSS3

Le design web moderne

Plus d'infos sur le site officiel

En vente sur Amazon, FNAC, Dunod

Suivre

Actualités du site CSS3Create

Actualités sur CSS et le web en général

Propriété: background-clip

Rogner l’arrière-plan des boites HTML

Création: mai 2012Modifié:

La propriété background-clip fait partie du CSS Backgrounds and Borders Module Level 3 actuellement en CR (Candidate Recommandation).

Les limites où l’arrière-plan est visible

La propriété background-clip permet de spécifier les limites de rendu du fond d’un élément. Elle a 3 valeurs possibles :

  • border-box : le fond est visible jusqu’aux limites extérieures de la bordure (mais reste dessous)
  • padding-box : le fond est visible jusqu’aux limites extérieures du padding
  • content-box : le fond est visible jusqu’aux limites extérieures du contenu (aux limites intérieures du padding)
  background-clip: border-box;
  background-clip: padding-box;
  background-clip: content-box;

Cette propriété fonctionne désormais sans préfixes dans la majorité des navigateurs (IE 9, Firefox 4, Chrome 4, Safari 5, Opéra 10.5 et *tous* les mobiles)

Besoin de cas concrets avec background-clip?

Un p'tit mot...

#1par ghislain Bonga, le 13 février 2014

c’est génial ce que vous faites !


modération à priori

Ce forum est modéré à priori : votre contribution n'apparaîtra qu'après avoir été validée par un administrateur du site.

Un message, un commentaire ?
    Qui êtes-vous ? (optionnel)
  • (Pour créer des paragraphes, laissez simplement des lignes vides.)