テキストにいろいろな修飾ができます。
名前 | 解説 | サンプル |
---|---|---|
テキストの水平位置[text-align] | 左詰め・中央揃え・右詰め | left center right |
単語禁則処理[word-break] | 折り返し時に単語の途中で改行するかどうか | normal break-all keep-all |
行末の禁則処理[line-break] | 禁則処理云々とあるが、日本語では関係無い模様 | normal strict |
空白などの扱い[white-space] | スペース・タブ・改行の表示の仕方を指定する | normal pre nowrap |
縦方向の位置[vertical-align] | 縦方向の揃え位置 | baseline top middle super sub |
1行目のインデント[text-indent] | 行の先頭文字インデント | none(0) pt / px / pc em / ex mm / cm / in % |
文字間隔[word-spacing] | 単語の間隔 | none(0) pt / px / pc em / ex mm / cm / in % |
文字列の間隔[letter-spacing] | 字間 | none(0) pt / px / pc em / ex mm / cm / in % |
<p>本サイトへようこそ。ここは、力道山の人物史を通して日本の歴史について考察しようと思い立ち上げました。</p> <p>キーワードは、「明治維新」「大正ロマン」「戦前」「戦後」「バブル」「平成」…「朝鮮と日本」など。</p> <p>まだ、力道山の生涯の略歴を列挙しているだけですが、徐々に歴史的背景もアップしていく予定です。</p> <p>記事内容につきましては、歴史的事実を踏まえつつも、私の独断と偏見に満ちたものであります故、ご意見ご感想などはフッター部のリンクからメールにて受け付けます。</p>
.sample1 { text-align: left; }
本サイトへようこそ。ここは、力道山の人物史を通して日本の歴史について考察しようと思い立ち上げました。
キーワードは、「明治維新」「大正ロマン」「戦前」「戦後」「バブル」「平成」…「朝鮮と日本」など。
まだ、力道山の生涯の略歴を列挙しているだけですが、徐々に歴史的背景もアップしていく予定です。
記事内容につきましては、歴史的事実を踏まえつつも、私の独断と偏見に満ちたものであります故、ご意見ご感想などはフッター部のリンクからメールにて受け付けます。
.sample1-2 { text-align: center; }
本サイトへようこそ。ここは、力道山の人物史を通して日本の歴史について考察しようと思い立ち上げました。
キーワードは、「明治維新」「大正ロマン」「戦前」「戦後」「バブル」「平成」…「朝鮮と日本」など。
まだ、力道山の生涯の略歴を列挙しているだけですが、徐々に歴史的背景もアップしていく予定です。
記事内容につきましては、歴史的事実を踏まえつつも、私の独断と偏見に満ちたものであります故、ご意見ご感想などはフッター部のリンクからメールにて受け付けます。
.sample1-3 { text-align: right; }
本サイトへようこそ。ここは、力道山の人物史を通して日本の歴史について考察しようと思い立ち上げました。
キーワードは、「明治維新」「大正ロマン」「戦前」「戦後」「バブル」「平成」…「朝鮮と日本」など。
まだ、力道山の生涯の略歴を列挙しているだけですが、徐々に歴史的背景もアップしていく予定です。
記事内容につきましては、歴史的事実を踏まえつつも、私の独断と偏見に満ちたものであります故、ご意見ご感想などはフッター部のリンクからメールにて受け付けます。
.sample2-1 { word-break: normal; }
本サイトへようこそ。ここは、力道山の人物史を通して日本の歴史について考察しようと思い立ち上げました。
キーワードは、「明治維新」「大正ロマン」「戦前」「戦後」「バブル」「平成」…「朝鮮と日本」など。
まだ、力道山の生涯の略歴を列挙しているだけですが、徐々に歴史的背景もアップしていく予定です。
記事内容につきましては、歴史的事実を踏まえつつも、私の独断と偏見に満ちたものであります故、ご意見ご感想などはフッター部のリンクからメールにて受け付けます。
.sample2-2 { word-break: break-all; }
本サイトへようこそ。ここは、力道山の人物史を通して日本の歴史について考察しようと思い立ち上げました。
キーワードは、「明治維新」「大正ロマン」「戦前」「戦後」「バブル」「平成」…「朝鮮と日本」など。
まだ、力道山の生涯の略歴を列挙しているだけですが、徐々に歴史的背景もアップしていく予定です。
記事内容につきましては、歴史的事実を踏まえつつも、私の独断と偏見に満ちたものであります故、ご意見ご感想などはフッター部のリンクからメールにて受け付けます。
.sample2-3 { word-break: keep-all; }
本サイトへようこそ。ここは、力道山の人物史を通して日本の歴史について考察しようと思い立ち上げました。
キーワードは、「明治維新」「大正ロマン」「戦前」「戦後」「バブル」「平成」…「朝鮮と日本」など。
まだ、力道山の生涯の略歴を列挙しているだけですが、徐々に歴史的背景もアップしていく予定です。
記事内容につきましては、歴史的事実を踏まえつつも、私の独断と偏見に満ちたものであります故、ご意見ご感想などはフッター部のリンクからメールにて受け付けます。
.sample3-1 { line-break: normal; }
本サイトへようこそ。ここは、力道山の人物史を通して日本の歴史について考察しようと思い立ち上げました。
キーワードは、「ちゃ」ちゃちゃちゃちゃちゃちゃちゃちゃちゃちゃちゃ…「ちゃ」など。
まだ、力道山の生涯の略歴を列挙しているだけですが、徐々に歴史的背景もアップしていく予定です。
記事内容につきましては、歴史的事実を踏まえつつも、私の独断と偏見に満ちたものであります故、ご意見ご感想などはフッター部のリンクからメールにて受け付けます。
.sample3-2 { line-break: strict; }
本サイトへようこそ。ここは、力道山の人物史を通して日本の歴史について考察しようと思い立ち上げました。
キーワードは、「ちゃ」ちゃちゃちゃちゃちゃちゃちゃちゃちゃちゃちゃ…「ちゃ」など。
まだ、力道山の生涯の略歴を列挙しているだけですが、徐々に歴史的背景もアップしていく予定です。
記事内容につきましては、歴史的事実を踏まえつつも、私の独断と偏見に満ちたものであります故、ご意見ご感想などはフッター部のリンクからメールにて受け付けます。
<div class="SAMPLE sample4-1" style="width:40%;"> 本サイトへようこそ。ここは、力道山の人物史を通して日本の歴史について考察しようと思い立ち上げました。 キーワードは、「明治維新」「大正ロマン」「戦前」「戦後」「バブル」「平成」…「朝鮮と日本」など。 まだ、力道山の生涯の略歴を列挙しているだけですが、徐々に歴史的背景もアップしていく予定です。 記事内容につきましては、歴史的事実を踏まえつつも、私の独断と偏見に満ちたものであります故、ご意見ご感想などはフッター部のリンクからメールにて受け付けます。 </div>
.sample4-1 { white-space: normal; }
.sample4-2 { white-space: pre; }
.sample4-3 { white-space: nowrap; }
.sample5-1 { vertical-align: baseline; }
本サイトへようこそ。ここは、力道山の人物史を通して日本の歴史について考察しようと思い立ち上げました。
キーワードは、「明治維新」「大正ロマン」「戦前」「戦後」「バブル」「平成」…「朝鮮と日本」など。
まだ、力道山の生涯の略歴を列挙しているだけですが、徐々に歴史的背景もアップしていく予定です。
記事内容につきましては、歴史的事実を踏まえつつも、私の独断と偏見に満ちたものであります故、ご意見ご感想などはフッター部のリンクからメールにて受け付けます。
.sample5-2 { vertical-align: top; }
本サイトへようこそ。ここは、力道山の人物史を通して日本の歴史について考察しようと思い立ち上げました。
キーワードは、「明治維新」「大正ロマン」「戦前」「戦後」「バブル」「平成」…「朝鮮と日本」など。
まだ、力道山の生涯の略歴を列挙しているだけですが、徐々に歴史的背景もアップしていく予定です。
記事内容につきましては、歴史的事実を踏まえつつも、私の独断と偏見に満ちたものであります故、ご意見ご感想などはフッター部のリンクからメールにて受け付けます。
.sample5-3 { vertical-align: middle; }
本サイトへようこそ。ここは、力道山の人物史を通して日本の歴史について考察しようと思い立ち上げました。
キーワードは、「明治維新」「大正ロマン」「戦前」「戦後」「バブル」「平成」…「朝鮮と日本」など。
まだ、力道山の生涯の略歴を列挙しているだけですが、徐々に歴史的背景もアップしていく予定です。
記事内容につきましては、歴史的事実を踏まえつつも、私の独断と偏見に満ちたものであります故、ご意見ご感想などはフッター部のリンクからメールにて受け付けます。
.sample5-4 { vertical-align: super; }
本サイトへようこそ。ここは、力道山の人物史を通して日本の歴史について考察しようと思い立ち上げました。
キーワードは、「明治維新」「大正ロマン」「戦前」「戦後」「バブル」「平成」…「朝鮮と日本」など。
まだ、力道山の生涯の略歴を列挙しているだけですが、徐々に歴史的背景もアップしていく予定です。
記事内容につきましては、歴史的事実を踏まえつつも、私の独断と偏見に満ちたものであります故、ご意見ご感想などはフッター部のリンクからメールにて受け付けます。
.sample5-5 { vertical-align: sub; }
本サイトへようこそ。ここは、力道山の人物史を通して日本の歴史について考察しようと思い立ち上げました。
キーワードは、「明治維新」「大正ロマン」「戦前」「戦後」「バブル」「平成」…「朝鮮と日本」など。
まだ、力道山の生涯の略歴を列挙しているだけですが、徐々に歴史的背景もアップしていく予定です。
記事内容につきましては、歴史的事実を踏まえつつも、私の独断と偏見に満ちたものであります故、ご意見ご感想などはフッター部のリンクからメールにて受け付けます。
.sample6-1 p { text-indent: none; }
本サイトへようこそ。ここは、力道山の人物史を通して日本の歴史について考察しようと思い立ち上げました。
キーワードは、「明治維新」「大正ロマン」「戦前」「戦後」「バブル」「平成」…「朝鮮と日本」など。
まだ、力道山の生涯の略歴を列挙しているだけですが、徐々に歴史的背景もアップしていく予定です。
記事内容につきましては、歴史的事実を踏まえつつも、私の独断と偏見に満ちたものであります故、ご意見ご感想などはフッター部のリンクからメールにて受け付けます。
.sample6-2 p { text-indent: 1em; }
本サイトへようこそ。ここは、力道山の人物史を通して日本の歴史について考察しようと思い立ち上げました。
キーワードは、「明治維新」「大正ロマン」「戦前」「戦後」「バブル」「平成」…「朝鮮と日本」など。
まだ、力道山の生涯の略歴を列挙しているだけですが、徐々に歴史的背景もアップしていく予定です。
記事内容につきましては、歴史的事実を踏まえつつも、私の独断と偏見に満ちたものであります故、ご意見ご感想などはフッター部のリンクからメールにて受け付けます。
.sample7-1 { word-spacing: none; }
本サイトへようこそ。ここは、力道山の人物史を通して日本の歴史について考察しようと思い立ち上げました。
キーワードは、「明治維新」「大正ロマン」「戦前」「戦後」「バブル」「平成」…「朝鮮と日本」など。
まだ、力道山の生涯の略歴を列挙しているだけですが、徐々に歴史的背景もアップしていく予定です。
記事内容につきましては、歴史的事実を踏まえつつも、私の独断と偏見に満ちたものであります故、ご意見ご感想などはフッター部のリンクからメールにて受け付けます。
.sample7-2 { word-spacing: 2em; }
本サイトへようこそ。ここは、力道山の人物史を通して日本の歴史について考察しようと思い立ち上げました。
キーワードは、「明治維新」「大正ロマン」「戦前」「戦後」「バブル」「平成」…「朝鮮と日本」など。
まだ、力道山の生涯の略歴を列挙しているだけですが、徐々に歴史的背景もアップしていく予定です。
記事内容につきましては、歴史的事実を踏まえつつも、私の独断と偏見に満ちたものであります故、ご意見ご感想などはフッター部のリンクからメールにて受け付けます。
.sample8-1 { letter-spacing: none; }
本サイトへようこそ。ここは、力道山の人物史を通して日本の歴史について考察しようと思い立ち上げました。
キーワードは、「明治維新」「大正ロマン」「戦前」「戦後」「バブル」「平成」…「朝鮮と日本」など。
まだ、力道山の生涯の略歴を列挙しているだけですが、徐々に歴史的背景もアップしていく予定です。
記事内容につきましては、歴史的事実を踏まえつつも、私の独断と偏見に満ちたものであります故、ご意見ご感想などはフッター部のリンクからメールにて受け付けます。
.sample8-2 { letter-spacing: 0.5em; }
本サイトへようこそ。ここは、力道山の人物史を通して日本の歴史について考察しようと思い立ち上げました。
キーワードは、「明治維新」「大正ロマン」「戦前」「戦後」「バブル」「平成」…「朝鮮と日本」など。
まだ、力道山の生涯の略歴を列挙しているだけですが、徐々に歴史的背景もアップしていく予定です。
記事内容につきましては、歴史的事実を踏まえつつも、私の独断と偏見に満ちたものであります故、ご意見ご感想などはフッター部のリンクからメールにて受け付けます。