css内边距是什么
程序员文章站
2022-04-05 16:22:28
...
css内边距是指元素边框与元素内容之间的空白区域。控制该区域的是padding、padding-top、padding-right、padding-bottom、padding-left属性;它们接受长度值或百分比值,但不允许使用负值。
本教程操作环境:windows7系统、CSS3版、Dell G3电脑。
CSS内边距(padding)即元素的内边距,是指元素边框与元素内容之间的空白区域。
通过 CSS,您可以完全控制内边距(填充)。有一些属性可以为元素的每一侧(上、右、下和左侧)设置内边距。
CSS 拥有用于为元素的每一侧指定内边距的属性:
padding-top
padding-right
padding-bottom
padding-left
也可以,直接使用padding
,在一个属性中指定以上所有内边距属性,缩减代码。
内边距(padding)属性接受长度值或百分比值,但不允许使用负值。
可能的值:
值 | 描述 |
---|---|
auto | 浏览器计算内边距。 |
length | 规定以具体单位计的内边距值,比如像素、厘米等。默认值是 0px。 |
% | 规定基于父元素的宽度的百分比的内边距。 |
inherit | 规定应该从父元素继承内边距。 |
padding属性可以有1~4个值:
padding:25px 50px 75px 100px;
上填充为25px
右填充为50px
下填充为75px
左填充为100px
padding:25px 50px 75px;
上填充为25px
左右填充为50px
下填充为75px
padding:25px 50px;
上下填充为25px
左右填充为50px
padding:25px;
所有的填充都是25px
(学习视频分享:css视频教程)
以上就是css内边距是什么的详细内容,更多请关注其它相关文章!
上一篇: php程序员转行做什么?
下一篇: php 与 java(一)_PHP
推荐阅读
-
学习过CSS,那你知道BFC是什么吗?
-
bootstrap的意义是什么_html/css_WEB-ITnose
-
"margin塌陷现象"div盒子嵌套盒子外边距合并现象_html/css_WEB-ITnose
-
子DIV设置了外边距为什么父级也跟着下移了_html/css_WEB-ITnose
-
网页总是有上边距,且JS脚本只能用于IE_html/css_WEB-ITnose
-
li中嵌套ul的边距问题,求大神_html/css_WEB-ITnose
-
CSS堆叠上下文是什么?有什么作用?
-
隐藏dom元素的三种css方法是什么
-
js框架与css框架的区别是什么
-
使用CSS3的box-sizing属性解决div宽高被内边距撑开的问题