CSS3 propriété background-origin
Exemples
Contenu boîte de positionnement relatif de l'image de fond:
div
{
background-image:url('smiley.gif');
background-repeat:no-repeat;
background-position:left;
background-origin:content-box;
}
{
background-image:url('smiley.gif');
background-repeat:no-repeat;
background-position:left;
background-origin:content-box;
}
Essayez »
support du navigateur
Les chiffres du tableau représentent le premier navigateur pour soutenir le numéro de version de la propriété.
属性 | |||||
---|---|---|---|---|---|
background-origin | 4.0 | 9.0 | 4.0 | 3.0 | 10.5 |
définitions de balises et les instructions
attribut background-Origin spécifie la propriété background-position devrait être des positions relatives.
Notez que si l' image background-attachment arrière - plan est "fixé", cet attribut n'a aucun effet.
Par défaut: | padding-box |
---|---|
Héritage: | aucun |
Version: | CSS3 |
Syntaxe JavaScript: | objet object.style.backgroundOrigin = "content-box" |
grammaire
background-origin: padding-box|border-box|content-box;
值 | 描述 |
---|---|
padding-box | 背景图像填充框的相对位置 |
border-box | 背景图像边界框的相对位置 |
content-box | 背景图像的相对位置的内容框 |
articles connexes
CSS3 tutoriel: CSS3 Fond