ホームページ  >  記事  >  ウェブフロントエンド  >  CSSでのlayout-grid-char属性の使い方の詳しい説明

CSSでのlayout-grid-char属性の使い方の詳しい説明

黄舟
黄舟オリジナル
2017-06-21 10:03:092083ブラウズ


構文:

layout-grid-char : none | auto | length

パラメータ:

none: 行グリッド値を指定しないでください
auto: オブジェクトテキスト内の最大の文字によってグリッドを決定します
length: 浮動小数点数とパーセントで構成される長さの値ユニット識別子、パーセント値は親オブジェクトのサイズに基づきます。 「長さの単位」を参照してください。

説明:

オブジェクトのテキストに適用される文字グリッド値を設定または取得します。
このプロパティを実装するには、layout-grid-mode を char またはその両方に設定する必要があります。
視覚効果は line-height プロパティに似ています。ブロック オブジェクト (div など) にのみ適用されます。
視覚効果は line-height プロパティに似ています。
東アジアの言語 (中国語、日本語など) で書かれた文書は、通常、1 次元または 2 次元のグリッドに基づいた文字のページ レイアウトを使用します。このレイアウトは、layout-grid 属性を使用して Web ドキュメントに追加できます。
この属性はブロック オブジェクト ( div など) にのみ適用されます。
この属性を有効にするには、layout-grid-mode 属性値を line または Both に設定する必要があります。
このプロパティは、currentStyle オブジェクトに対して読み取り専用です。他のオブジェクトについては、読み取りと書き込みが可能です。
対応するスクリプト機能はlayoutGridCharです。
例:

div { layout-grid-char: auto; }
layout-grid-char: none;
            layout-grid-line: none;
            layout-grid-mode: none;
            layout-grid-type: loose;

プロンプトが既知のCSSプロパティ名ではない理由

これは効果には影響しません、overflow-xoverflow-yもプロンプトを表示しますが、効果は依然として現れます

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

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