CSSのタブサイズ属性の使い方
css tab-size 属性の定義と使用法
css では、tab-size 属性はタブ文字 (タブ) を指定するために使用されます。文字のスペースの長さ。HTML では、タブ文字は通常、単一のスペース文字として表示されます。
tab-size 属性は、css3 の新しい属性です。現在、Chrome ブラウザのみが tab-size 属性をサポートしています。Firefox ブラウザは、この属性を置き換えるために -moz-tab-size 属性をサポートしています。ブラウザは、この属性を置き換える -o -tab-size 属性をサポートしています。この値を長さの単位としてサポートするブラウザはありません。
css タブサイズ属性の構文形式
css 構文: タブサイズ: 数値/長さ/初期値/継承
JavaScript 構文: オブジェクト。 style.tableLayout="fixed"
属性値は
number: 各タブ文字に表示されるスペース文字の数を指定します (デフォルト値は 8)
length: タブ文字の長さを指定します (ほとんどすべての主流ブラウザはまだこの属性値をサポートしていません)
initial: この属性をデフォルト値に設定します
inherit:親要素から tab-size 属性の値を継承します
#例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>css tab-size属性制表符的空格长度</title>
<style type="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>
<pre id="t1">I use tab-size 4ログイン後にコピー
I use tab-size 16
ログイン後にコピー
目前只有Chrome支持 tab-size属性。
Firefox支持可替代该属性的属性-moz-tab-size属性。
Opera支持可替代该属性的属性-o-tab-size属性。