css中的tab-size属性怎么用(css,web开发)

时间:2024-05-03 10:08:00 作者 : 石家庄SEO 分类 : web开发
  • TAG :

  csstab-size属性定义及用法

  在css中,tab-size属性是使用来规定制表符(tab)字符的空格长度,在HTML中,制表符(tab)字符通常显示为一个单一的空格字符,除了一些元素,比如<textarea>和<pre>,tab-size属性的结果只对这些元素有效。

  tab-size属性是css3中新增属性,目前只有Chrome浏览器支持tab-size属性;Firefox浏览器支持-moz-tab-size属性来替代该属性;Opera浏览器支持-o-tab-size属性来替代该属性。没有浏览器支持该值作为长度单位。

  csstab-size属性语法格式

  css语法:tab-size:number/length/initial/inherit

  JavaScript语法:object.style.tableLayout="fixed"

  属性值说

  number:规定每个制表符(tab)字符要显示的空格字符的数量(默认值为8)

  length:规定制表符(tab)字符的长度(几乎所有的主流浏览器都还不支持该属性值)

  initial:设置该属性为它的默认值

  inherit:从父元素继承tab-size属性的值

  实例

  <!DOCTYPEhtml>

  <html>

  <head>

  <metacharset="utf-8"/>

  <title>csstab-size属性制表符的空格长度</title>

  <styletype="text/css">

  #t1{tab-size:4;

  -moz-tab-size:4;/*Firefox*/

  -o-tab-size:4;/*Opera*/

  }

  #t2{tab-size:8;

  -moz-tab-size:8;/*Firefox*/

  -o-tab-size:8;/*Opera*/

  }

  </style>

  </head>

  <body>

  <preid="t1">Iusetab-size4</pre>

  <preid="t2">Iusetab-size16</pre>

  <p>目前只有Chrome支持tab-size属性。</p>

  <p>Firefox支持可替代该属性的属性-moz-tab-size属性。</p>

  <p>Opera支持可替代该属性的属性-o-tab-size属性。</p>

  </body>

  </html>

css中的tab-size属性怎么用

 </div> <div class="zixun-tj-product adv-bottom"></div> </div> </div> <div class="prve-next-news">
本文:css中的tab-size属性怎么用的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:springboot中自动建表无法更新字段怎么解决下一篇:

13 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18