文字間隔と行間隔に関するスタイルシート属性

layout-grid

スタイルシート属性 layout-grid は、行間と文字間のスペースを指定します。

書式

属性値

mode

値	意味
both	lineとcharの両方を適用する（規定値）
none	どちらも適用しない
line	lineのみ適用する
char	charのみ適用する

type

値	意味
loose	日本語や韓国語に適した方法（規定値）
strict	中国語に適した方法
fixed	固定

line

行間のスペースの大きさを10pxのように数値と単位で指定するか、以下の値を指定します。

値	意味
none	指定なし（規定値）
auto	自動

char

文字間のスペースの大きさを10pxのように数値と単位で指定するか、以下の値を指定します。

値	意味
none	指定なし（規定値）
auto	自動

例

This paragraph's stylesheet is "layout-grid-line: 2em".

This paragraph's stylesheet is "layout-grid-char: 10px".

layout-grid-mode

スタイルシート属性 layout-grid-mode は、行間と文字間のスペースを指定します。

書式

属性値

mode

値	意味
both	lineとcharの両方を適用する（規定値）
none	どちらも適用しない
line	lineのみ適用する
char	charのみ適用する

layout-grid-type

スタイルシート属性 layout-grid-type は、行間と文字間のスペースを指定します。

書式

属性値

type

値	意味
loose	日本語や韓国語に適した方法（規定値）
strict	中国語に適した方法
fixed	固定

layout-grid-line

スタイルシート属性 layout-grid-line は、行間のスペースの大きさを指定します。

書式

属性値

line

行間のスペースの大きさを10pxのように数値と単位で指定するか、以下の値を指定します。

値	意味
none	指定なし（規定値）
auto	自動

layout-grid-char

スタイルシート属性 layout-grid-char は、文字の間隔の大きさを指定します。

書式

属性値

char

文字間のスペースの大きさを10pxのように数値と単位で指定するか、以下の値を指定します。

値	意味
none	指定なし（規定値）
auto	自動

使用例

スタイルシート属性 layout-grid-char の使用例と表示サンプルを次に示します。表示結果はブラウザによって異なることがあります。

スタイルシート属性layout-grid-charは、文字の間隔の大きさを指定します。

スタイルシート属性layout-grid-charは、文字の間隔の大きさを指定します。

スタイルシート属性layout-grid-charは、文字の間隔の大きさを指定します。

スタイルシート属性layout-grid-charは、文字の間隔の大きさを指定します。