CSSのタブサイズ属性の使い方

silencement
silencementオリジナル
2019-05-27 15:35:563450ブラウズ

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属性。

以上がCSSのタブサイズ属性の使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。