简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison> interface Web> tutoriel CSS> le corps du texte

background-origin属性怎么用

青灯夜游
Libérer： 2019-01-30 14:17:54
original
5209 Les gens l'ont consulté

background-origin属性是用于设置背景图片的定位区域，它有三个值分别表示相对于内边距框定位、相对于边框盒定位、相对于内容框定位。

background-origin属性怎么用

CSS3 background-origin属性

作用：规定背景图片的定位区域。

说明：设置或检索对象的背景图像计算 <' background-position '> 时的参考原点(位置)。

语法：

background-origin: padding-box|border-box|content-box;
Copier après la connexion

padding-box：背景图像相对于内边距框来定位。

border-box：背景图像相对于边框盒来定位。

content-box：背景图像相对于内容框来定位。

CSS3 background-origin属性的使用示例

    

  
background-origin:border-box:
 
 这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。 
 
background-origin:content-box:
 
 这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
Copier après la connexion

效果图：

1.jpg

以上就是本篇文章的全部内容，希望能对大家的学习有所帮助。更多精彩内容大家可以关注php中文网相关教程栏目！！！

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées：
css3
source：php.cn
Article précédent：background-size属性怎么用 Article suivant：text-shadow属性怎么用
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Quels sont les chiffres de performances à côté des composants dans les outils de développement Vue ? Quelqu'un a-t-il des informations ou des ressources pour une certaine fonctionnalité des o...
Depuis 2023-11-09 14:46:48
0
1
305
Uncaught TypeError : impossible de définir la propriété non définie (définir 'innerHTML') J'essaie de créer une page Web en utilisant php, sur un élément de classe "Continuous...
Depuis 2023-11-08 21:06:09
0
1
278
Comment déstructurer conditionnellement une propriété d'objet à partir d'un getter Pinia ? Description du produit : exportconstuseMyStore=defineStore('myStore',{state:()=>{return...
Depuis 2023-11-08 17:47:18
0
1
275
Correction d'un problème dans Laravel-8 en essayant de lire la propriété "id" sur null J'obtiens cette erreur lors de l'exécution de phpartisanmigrate:fresh --seed. Cette comman...
Depuis 2023-11-08 14:07:01
0
2
155
La modification indirecte de l'attribut surchargé de App\Models\User::$profile n'est pas valide. Hé, j'utilise laravel9 et j'ai une relation entre deux modèles dans mon application : Util...
Depuis 2023-11-08 11:50:44
0
1
270
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！