简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首页> web前端> css教程> 正文

CSS 内容框值

WBOY
发布： 2023-08-27 09:17:02
转载
452 人浏览过

CSS 内容框值

使用 CSSbackground-origin属性设置内容框值。通过 content-box 值，背景图像从内容的左上角开始。

您可以尝试运行以下代码来实现 content-box 值：

示例

现场演示

    

  
padding-box value
 
 
Heading 2
 
This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. 
Heading 3
 This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text.
 
 
border-box value
 
 
Heading 2
 
This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. 
Heading 3
 This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text.
 
 
content-box value
 
 
Heading 2
 
This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. 
Heading 3
 This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text.
登录后复制

以上是CSS 内容框值的详细内容。更多信息请关注PHP中文网其他相关文章！

来源：tutorialspoint.com
上一篇：指示用 CSS 编写的样式表使用什么字符集 下一篇：定义视口
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
function_exists()无法判定自定义函数 function test() { return true; } if (function_exists('TEST')) { ech...
来自于 2024-04-29 11:01:01
0
1
930
google 浏览器 手机版显示的怎么实现 老师您好，google 浏览器怎么变成手机版样式的？
来自于 2024-04-23 00:22:19
0
9
1006
子窗口操作父窗口，输出没反应 前两句可执行，最后一句没法应
来自于 2024-04-19 15:37:47
0
1
923
父窗口没有输出 document.onclick = function(){ window.opener.document.write('我是子窗口的输出'); ...
来自于 2024-04-18 23:52:34
0
0
782
关于CSS思维导图的课件在哪？ 课件
来自于 2024-04-16 10:10:18
0
0
862
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！