Css-text-align
提供:Dev Guides
CSS-テキスト揃え
説明
_text-align_プロパティは、ブロックレベル要素内での行ボックスの配置方法を決定します。
可能な値
- 左-各ラインボックスの左端は、ブロックレベル要素のコンテンツ領域の左端に揃えられます。
- right -各ラインボックスの右端は、ブロックレベル要素のコンテンツ領域の右端に揃えられます。
- center -各ラインボックスの中心は、ブロックレベル要素のコンテンツ領域の中心に揃えられます。
- justify -各ラインボックスのエッジは、ブロックレベル要素のコンテンツ領域のエッジに揃える必要があります。
- string -列内のセルの内容は、指定された文字列に合わせて配置されます。
に適用されます
すべてのブロックレベル要素(値<string>を除きます。これはテーブルセルにのみ適用されます)。
DOM構文
object.style.textAlign = "justify";
例
以下は、テキストを配置する方法を示す例です-
<html>
<head>
</head>
<body>
<p style = "text-align:right;">
This will be right aligned.
</p>
<p style = "text-align:center;">
This will be center aligned.
</p>
<p style = "text-align:left;">
This will be left aligned.
</p>
</body>
</html>
これにより、次の結果が生成されます–