css text-indent属性用法(段落缩进 首行缩进)

发布时间:2020-07-07编辑:脚本学堂
本文介绍了css中text-indent属性的使用方法,text-indent属性用于实现段落缩进或首行缩进等,有需要的朋友参考下。

text-indent:检索或设置对象中的文本的缩进。

例子:
 

复制代码 代码示例:

<style>
#iddiv{width:100%;height:80px;background-color:#ffd700;padding:4px;font-family:verdana,tahoma;font-weight:bold;}
#idcodediv{width:100%;padding:4px;font-family:verdana,tahoma;margin:12px 0px 0px 0px;background-color:#eeeeee;font-weight:bold;}
</style>

<script>
function rdl_change(e){
var ocodediv=document.all("idcodediv");
var odiv=document.all("iddiv");
with (document.all("idsel")) var svalue=options[selectedindex].value;
odiv.style.textindent=svalue;
ocodediv.innertext="text-indent : "+svalue+";";
}
</script>

<div id=iddiv>请从下方选择我的<b> text-indent </b>值。这里有一些填充用的句子。</div>
<br>
<select id="idsel" onchange="rdl_change();">
<option value="0">---text-indent---
<option value="50%">50%
<option value="0">0
<option value="1cm">1cm
<option value="24px">24px
<option value="24">24
</select>
<br>
<div id=idcodediv>text-indent : 0 ;</div>
 

ecmascript with 语句

有标签的语句
with 语句用于设置代码在特定对象中的作用域

它的语法:
with (expression) statement
例如:
 

复制代码 代码示例:
var smessage = "hello";
with(smessage) {
  alert(touppercase()); //输出 "hello"
}

with 语句用于字符串,所以在调用 touppercase() 方法时,解释程序将检查该方法是否是本地函数。
如果不是,它将检查伪对象 smessage,看它是否为该对象的方法。
然后,alert 输出 "hello",因为解释程序找到了字符串 "hello" 的 touppercase() 方法。

提示:
with 语句是运行缓慢的代码块,尤其是在已设置了属性值时。
大多数情况下,如果可能,最好避免使用它。