购物车
登陆 / 注册
微信扫码登陆

background-origin

background-origin
background-Origin属性指定background-position属性应该是相对位置
编辑:前端控 前端控 更新时间:2019-01-26 17:34:46

background-origin属性

含义:

background-Origin属性指定background-position属性应该是相对位置。

浏览器支持:

表格中的数字表示支持该属性的第一个浏览器版本号


属性
background-Origin

9.0

4.04.03.0  10.5


CSS语法:

background-origin: padding-box|border-box|content-box;

属性值:

描述
padding-box背景图像填充框的相对位置   
border-box背景图像边界框的相对位置   
content-box  背景图像的相对位置的内容框    

实例

<!DOCTYPE html>
<html>
<head>
<style>
p{
	width:350px;
	height: 200px;
	border: 1px solid #ccc;
	background-origin: content-box;
	background-image: url("images/鸟.png");
	background-repeat: no-repeat;
	background-origin:content-box;
	padding: 30px;
}
</style>
</head>

<body>
<p>HTML中文网HTML中文网HTML中文网HTML中文网HTML中文网HTML中文网HTML中文网HTML中文网HTML中文网HTML</p>
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

效果图:

    

 

网站导航
网站首页
学习路径
视频教程
开发软件
旗下子站
php中文网
phpstudy
文章列表
教程文档
关于我们
企业合作
人才招聘
联系我们
讲师招募
QQ交流群
QQ交流群
微信公众号
微信公众号