现在的位置: 首页 > web前端 > 正文

text indent参数示例

2020年07月21日 web前端 ⁄ 共 689字 ⁄ 字号 评论关闭

  text-indent是用来设定文本块中第一行的缩进。


  text-indent参数


  length:百分比数字|由浮点数字和单位标识符组成的长度值,允许为负值。请参阅长度单位


  text-indent版本:CSS1


  说明编辑


  检索或设置对象中的文本的缩进。


  在被另一个对象(如)断开的对象内不能应用本属性。


  对应的脚本特性为textIndent。


  示例编辑


  div{text-indent:5px;}//向左缩进5px;


  div{text-indent:underline10%;}


  例题:如果要首行缩进两个字符则div{text-indent:2em;}即可了


  当然,也可以是负值了


  浏览器支持编辑


  所有浏览器都支持text-indent属性。注释:任何的版本的InternetExplorer(包括IE8)都不支持属性值"inherit"。


  属性值编辑


  css中text-indent属性具有以下的属性值:


  值 描述


  length 定义固定的缩进。默认值:0。


  % 定义基于父元素宽度的百分比的缩进。


  inherit 规定应该从父元素继承text-indent属性的值。


  text-indent实例


  本例演示如何缩进文本首行。


  <html>


  <head>


  <styletype="text/css">


  p{text-indent:1cm}


  </style>


  </head>


  <body>


  <p>


  </p>


  </body>


  </html>


  总之,text-indent给大家简单的介绍了一些,希望大家多看看。

【上篇】
【下篇】

抱歉!评论已关闭.