Une remarque ? Une suggestion ?...

Merci de participer à l'amélioration de ce site. Prenez le temps de rédiger votre remarque le plus précisément possible :

CSS - Propriété background-clip

Description de la propriété background-clip.

background-clip définit jusqu'où s'étend l'arrière-plan de l'élément : jusqu'à la bordure, juste sous le contenu, etc. Si la bordure n'est pas pleine (pointillés, double trait, etc) ou si elle n'est pas totalement opaque, le fond peut être visible sous la bordure.

Pour une présentation générale des arrière-plans, reportez-vous à la page background.

Syntaxes pour background-clip.

  • background-clip: border-box;

    Valeur par défaut pour background-clip. L'arrière plan s'étend jusque sous la bordure.

  • background-clip: padding-box;

    L'arrière plan s'arrête juste avant la bordure,en couvrant la zone des marges intérieures (padding).

  • background-clip: content-box;

    L'arrière plan s'étend juste sous le contenu du bloc.

  • background-clip: text;

    L'arrière-plan ne s'affiche que derrière les caractères, ou derrière la bordure.
    Cette valeur est encore peu traitée par les navigateurs (2020).

  • background-clip: content-box, border-box...;

    Plusieurs valeurs peuvent être énumérées, séparées par des virgules, lorsque plusieurs arrière-plans ont été définis par background-image. Reportez-vous à la page background pour une explication sur les arrière-plans multiples.

  • background-clip: inherit | initial | unset;

    Reportez-vous à la description générale de ces valeurs.

Simulateur.

La bordure de cet élément est semi-transparente, afin de laisser voir le fond à travers.

background-clip :
TITRE
Curabitur volutpat venenatis nunc ut aliquam. Suspendisse id mattis eros. In vulputate felis tortor, feugiat tempus elit consectetur in. Sed nunc est, lobortis id tincidunt sed, convallis eu augue. Fusce mattis faucibus orci et egestas. Suspendisse ut ex vel sem faucibus mattis ultricies non lorem. Duis non congue mi, ut posuere dolor. In aliquam metus sed nisi vestibulum, vitae blandit quam euismod. Quisque non laoreet mauris, at pharetra lectus.

Prise en charge par les navigateurs (compatibilité).

La propriété background-clip ne présente pas de problème de compatibilité sur tous les navigateurs actuels.

Afficher les versions antérieures   Afficher la version à venir  

Voir aussi...

Arrière-plan - Propriétés.

Arrière-plan - Fonctions.