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

黄舟
リリース: 2017-06-21 10:03:09
オリジナル
2007 人が閲覧しました


構文:

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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!