css text-indent属性怎么用
程序员文章站
2022-03-15 11:05:17
...
css text-indent属性用于规定文本块中首行文本的缩进;语法为text-indent : length | % 。该属性允许使用负值;如果使用负值,那么首行会被缩进到左边。
css text-indent属性怎么用?
text-indent 属性规定文本块中首行文本的缩进。
语法:
text-indent : length | % ;
属性值:
length:定义固定的缩进。默认值:0。
%:定义基于父元素宽度的百分比的缩进。
注释:允许使用负值。如果使用负值,那么首行会被缩进到左边。在 CSS 2.1 之前,text-indent 总是继承计算值,而不是声明值。
说明:text-indent 属性用于定义块级元素中第一个内容行的缩进。这最常用于建立一个“标签页”效果。允许指定负值,这会产生一种“悬挂缩进”的效果。
css text-indent属性 示例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text/css"> div { width: 400px; border: 1px solid #000; padding: 10px; text-indent: 1cm } </style> </head> <body> <div> </div> </body> </html>
效果图:
以上就是css text-indent属性怎么用的详细内容,更多请关注其它相关文章!
下一篇: webpack模块实例教程
推荐阅读
-
css怎么用,divcss布局经典实例
-
css怎么用,divcss布局经典实例
-
ACDsee怎么用?acdsee做图像属性的教程
-
VS2019怎么设置CSS的默认属性?
-
2个属性用CSS实现图片自适应浏览器
-
怎么用css属性屏蔽鼠标事件(鼠标点击可穿透上层元素)
-
关于用图片做无序列表的项目符号,我做出来怎么是这个样子?_html/css_WEB-ITnose
-
怎么用dreamweaver做一个可以换肤的界面_html/css_WEB-ITnose
-
发现一个特效会让你有意思,有人知道这个用css可以做出来吗,怎么做?_html/css_WEB-ITnose
-
symfony怎么用css来控制表单的样式?