例
<H1>、<H2>のためのテキストの配置を設定し、 <h3>要素:
h1 {
text-align: center;
}
h2 {
text-align: left;
}
h3 {
text-align: right;
}
»それを自分で試してみてください もっと"Try it Yourself"以下の例。
定義と使用法
テキスト-alignプロパティは、要素内のテキストの水平方向の配置を指定します。
デフォルト値: | left if direction is ltr, and right if direction is rtl |
---|---|
継承されました: | yes |
アニメーション: | no. Read about animatable |
バージョン: | CSS1 |
JavaScriptシンタックス: | object .style.textAlign="right" Try it |
ブラウザのサポート
表中の数字は完全にプロパティをサポートする最初のブラウザのバージョンを指定します。
プロパティ | |||||
---|---|---|---|---|---|
text-align | 1.0 | 3.0 | 1.0 | 1.0 | 3.5 |
CSSの構文
text-align: left|right|center|justify|initial|inherit;
プロパティ値
値 | 説明 | それを再生します |
---|---|---|
left | テキストが左揃えに | それを再生します» |
right | 右側のテキストを揃えます | それを再生します» |
center | テキストを中央揃え | それを再生します» |
justify | 各行が(新聞や雑誌のように)等しい幅を有するようにラインを伸ばし | それを再生します» |
initial | このプロパティがデフォルト値に設定します。 初期についての記事を読みます | それを再生します» |
inherit | その親要素からこのプロパティを継承します。 継承についての記事を読みます |
その他の例
例
この例では、より高度なテキストアライン例を示しています。
h1 {
text-align: center;
}
p.date {
text-align: right;
}
p.main {
text-align: justify;
}
»それを自分で試してみてください 関連ページ
CSSチュートリアル: CSSテキスト
HTML DOMリファレンス: textAlign property