propriété CSS background-clip


  Résultats de traduction：

fond

英[ˈbækgraʊnd] 美[ˈbækˌɡraʊnd]

n (des peintures, etc.) couleur d'arrière-plan;

英[klɪp ] 美[ klɪp]

n. Couper ; trombone (en plastique ou en métal) ; coupure de papier

vt.& vi. couper; raccourcir; couper (ou cheveux)...

vi couper; couper des articles de journaux (ou des nouvelles, des images, etc.); pluriel : clips participe présent : clipping past Formule : clipped participe passé : clipped clipt

propriété CSS background-clipsyntaxe

Comment utiliser l'attribut background-clip ?

L'attribut background-clip spécifie la zone où se trouve l'arrière-plan de l'élément. Syntaxe : background-clip : border-box|padding-box|content-box ; parmi eux, border-box (zone à l'intérieur de la bordure), padding-box (zone à l'intérieur de la zone de remplissage), content-box (zone à l'intérieur du contenu zone) .

Fonction : Spécifie la zone de dessin de l'arrière-plan.

Syntaxe : background-clip: border-box|padding-box|content-box;

Description : border-box L'arrière-plan est découpé dans la zone de bordure. padding-box L'arrière-plan est découpé dans la zone de remplissage. content-box L'arrière-plan est découpé dans la zone de contenu.

Remarque : Internet Explorer 8 et les versions antérieures ne prennent pas en charge la propriété background-clip.

propriété CSS background-clipexemple

<!DOCTYPE html>
<html>
<head>
<style> 
div
{
width:300px;
height:300px;
padding:50px;
background-color:yellow;
background-clip:content-box;
border:2px solid #92b901;
}
</style>
</head>
<body>

<div>
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
</div>

</body>
</html>

Exécuter l'instance »

Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne

Recommandations populaires

Maison

vidéos

Questions et réponses

soumettre