back

テキスト修飾

テキストにいろいろな修飾ができます。

名前解説サンプル
テキストの水平位置[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
１行目のインデント[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>

text-align

.sample1 {
  text-align: left;
}

本サイトへようこそ。ここは、力道山の人物史を通して日本の歴史について考察しようと思い立ち上げました。

キーワードは、「明治維新」「大正ロマン」「戦前」「戦後」「バブル」「平成」…「朝鮮と日本」など。

まだ、力道山の生涯の略歴を列挙しているだけですが、徐々に歴史的背景もアップしていく予定です。

記事内容につきましては、歴史的事実を踏まえつつも、私の独断と偏見に満ちたものであります故、ご意見ご感想などはフッター部のリンクからメールにて受け付けます。


.sample1-2 {
  text-align: center;
}

本サイトへようこそ。ここは、力道山の人物史を通して日本の歴史について考察しようと思い立ち上げました。

キーワードは、「明治維新」「大正ロマン」「戦前」「戦後」「バブル」「平成」…「朝鮮と日本」など。

まだ、力道山の生涯の略歴を列挙しているだけですが、徐々に歴史的背景もアップしていく予定です。

記事内容につきましては、歴史的事実を踏まえつつも、私の独断と偏見に満ちたものであります故、ご意見ご感想などはフッター部のリンクからメールにて受け付けます。


.sample1-3 {
  text-align: right;
}

本サイトへようこそ。ここは、力道山の人物史を通して日本の歴史について考察しようと思い立ち上げました。

キーワードは、「明治維新」「大正ロマン」「戦前」「戦後」「バブル」「平成」…「朝鮮と日本」など。

まだ、力道山の生涯の略歴を列挙しているだけですが、徐々に歴史的背景もアップしていく予定です。

記事内容につきましては、歴史的事実を踏まえつつも、私の独断と偏見に満ちたものであります故、ご意見ご感想などはフッター部のリンクからメールにて受け付けます。

word-break

.sample2-1 {
  word-break: normal;
}

本サイトへようこそ。ここは、力道山の人物史を通して日本の歴史について考察しようと思い立ち上げました。

キーワードは、「明治維新」「大正ロマン」「戦前」「戦後」「バブル」「平成」…「朝鮮と日本」など。

まだ、力道山の生涯の略歴を列挙しているだけですが、徐々に歴史的背景もアップしていく予定です。

記事内容につきましては、歴史的事実を踏まえつつも、私の独断と偏見に満ちたものであります故、ご意見ご感想などはフッター部のリンクからメールにて受け付けます。


.sample2-2 {
  word-break: break-all;
}

本サイトへようこそ。ここは、力道山の人物史を通して日本の歴史について考察しようと思い立ち上げました。

キーワードは、「明治維新」「大正ロマン」「戦前」「戦後」「バブル」「平成」…「朝鮮と日本」など。

まだ、力道山の生涯の略歴を列挙しているだけですが、徐々に歴史的背景もアップしていく予定です。

記事内容につきましては、歴史的事実を踏まえつつも、私の独断と偏見に満ちたものであります故、ご意見ご感想などはフッター部のリンクからメールにて受け付けます。


.sample2-3 {
  word-break: keep-all;
}

本サイトへようこそ。ここは、力道山の人物史を通して日本の歴史について考察しようと思い立ち上げました。

キーワードは、「明治維新」「大正ロマン」「戦前」「戦後」「バブル」「平成」…「朝鮮と日本」など。

まだ、力道山の生涯の略歴を列挙しているだけですが、徐々に歴史的背景もアップしていく予定です。

記事内容につきましては、歴史的事実を踏まえつつも、私の独断と偏見に満ちたものであります故、ご意見ご感想などはフッター部のリンクからメールにて受け付けます。

line-break

.sample3-1 {
  line-break: normal;
}

本サイトへようこそ。ここは、力道山の人物史を通して日本の歴史について考察しようと思い立ち上げました。

キーワードは、「ちゃ」ちゃちゃちゃちゃちゃちゃちゃちゃちゃちゃちゃ…「ちゃ」など。

まだ、力道山の生涯の略歴を列挙しているだけですが、徐々に歴史的背景もアップしていく予定です。

記事内容につきましては、歴史的事実を踏まえつつも、私の独断と偏見に満ちたものであります故、ご意見ご感想などはフッター部のリンクからメールにて受け付けます。


.sample3-2 {
  line-break: strict;
}

本サイトへようこそ。ここは、力道山の人物史を通して日本の歴史について考察しようと思い立ち上げました。

キーワードは、「ちゃ」ちゃちゃちゃちゃちゃちゃちゃちゃちゃちゃちゃ…「ちゃ」など。

まだ、力道山の生涯の略歴を列挙しているだけですが、徐々に歴史的背景もアップしていく予定です。

記事内容につきましては、歴史的事実を踏まえつつも、私の独断と偏見に満ちたものであります故、ご意見ご感想などはフッター部のリンクからメールにて受け付けます。

white-space

<div class="SAMPLE sample4-1" style="width:40%;">
本サイトへようこそ。ここは、力道山の人物史を通して日本の歴史について考察しようと思い立ち上げました。
キーワードは、「明治維新」「大正ロマン」「戦前」「戦後」「バブル」「平成」…「朝鮮と日本」など。
まだ、力道山の生涯の略歴を列挙しているだけですが、徐々に歴史的背景もアップしていく予定です。
記事内容につきましては、歴史的事実を踏まえつつも、私の独断と偏見に満ちたものであります故、ご意見ご感想などはフッター部のリンクからメールにて受け付けます。
</div>

.sample4-1 {
  white-space: normal;
}
本サイトへようこそ。ここは、力道山の人物史を通して日本の歴史について考察しようと思い立ち上げました。 キーワードは、「明治維新」「大正ロマン」「戦前」「戦後」「バブル」「平成」…「朝鮮と日本」など。 まだ、力道山の生涯の略歴を列挙しているだけですが、徐々に歴史的背景もアップしていく予定です。 記事内容につきましては、歴史的事実を踏まえつつも、私の独断と偏見に満ちたものであります故、ご意見ご感想などはフッター部のリンクからメールにて受け付けます。 

.sample4-2 {
  white-space: pre;
}
本サイトへようこそ。ここは、力道山の人物史を通して日本の歴史について考察しようと思い立ち上げました。 キーワードは、「明治維新」「大正ロマン」「戦前」「戦後」「バブル」「平成」…「朝鮮と日本」など。 まだ、力道山の生涯の略歴を列挙しているだけですが、徐々に歴史的背景もアップしていく予定です。 記事内容につきましては、歴史的事実を踏まえつつも、私の独断と偏見に満ちたものであります故、ご意見ご感想などはフッター部のリンクからメールにて受け付けます。 

.sample4-3 {
  white-space: nowrap;
}
本サイトへようこそ。ここは、力道山の人物史を通して日本の歴史について考察しようと思い立ち上げました。 キーワードは、「明治維新」「大正ロマン」「戦前」「戦後」「バブル」「平成」…「朝鮮と日本」など。 まだ、力道山の生涯の略歴を列挙しているだけですが、徐々に歴史的背景もアップしていく予定です。 記事内容につきましては、歴史的事実を踏まえつつも、私の独断と偏見に満ちたものであります故、ご意見ご感想などはフッター部のリンクからメールにて受け付けます。

vertical-align

.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;
}

本サイトへようこそ。ここは、力道山の人物史を通して日本の歴史について考察しようと思い立ち上げました。

キーワードは、「明治維新」「大正ロマン」「戦前」「戦後」「バブル」「平成」…「朝鮮と日本」など。

まだ、力道山の生涯の略歴を列挙しているだけですが、徐々に歴史的背景もアップしていく予定です。

記事内容につきましては、歴史的事実を踏まえつつも、私の独断と偏見に満ちたものであります故、ご意見ご感想などはフッター部のリンクからメールにて受け付けます。

text-indent

.sample6-1 p {
  text-indent: none;
}

本サイトへようこそ。ここは、力道山の人物史を通して日本の歴史について考察しようと思い立ち上げました。

キーワードは、「明治維新」「大正ロマン」「戦前」「戦後」「バブル」「平成」…「朝鮮と日本」など。

まだ、力道山の生涯の略歴を列挙しているだけですが、徐々に歴史的背景もアップしていく予定です。

記事内容につきましては、歴史的事実を踏まえつつも、私の独断と偏見に満ちたものであります故、ご意見ご感想などはフッター部のリンクからメールにて受け付けます。


.sample6-2 p {
  text-indent: 1em;
}

本サイトへようこそ。ここは、力道山の人物史を通して日本の歴史について考察しようと思い立ち上げました。

キーワードは、「明治維新」「大正ロマン」「戦前」「戦後」「バブル」「平成」…「朝鮮と日本」など。

まだ、力道山の生涯の略歴を列挙しているだけですが、徐々に歴史的背景もアップしていく予定です。

記事内容につきましては、歴史的事実を踏まえつつも、私の独断と偏見に満ちたものであります故、ご意見ご感想などはフッター部のリンクからメールにて受け付けます。

word-spacing

.sample7-1 {
  word-spacing: none;
}

本サイトへようこそ。ここは、力道山の人物史を通して日本の歴史について考察しようと思い立ち上げました。

キーワードは、「明治維新」「大正ロマン」「戦前」「戦後」「バブル」「平成」…「朝鮮と日本」など。

まだ、力道山の生涯の略歴を列挙しているだけですが、徐々に歴史的背景もアップしていく予定です。

記事内容につきましては、歴史的事実を踏まえつつも、私の独断と偏見に満ちたものであります故、ご意見ご感想などはフッター部のリンクからメールにて受け付けます。


.sample7-2 {
  word-spacing: 2em;
}

本サイトへようこそ。ここは、力道山の人物史を通して日本の歴史について考察しようと思い立ち上げました。

キーワードは、「明治維新」「大正ロマン」「戦前」「戦後」「バブル」「平成」…「朝鮮と日本」など。

まだ、力道山の生涯の略歴を列挙しているだけですが、徐々に歴史的背景もアップしていく予定です。

記事内容につきましては、歴史的事実を踏まえつつも、私の独断と偏見に満ちたものであります故、ご意見ご感想などはフッター部のリンクからメールにて受け付けます。

letter-spacing

.sample8-1 {
  letter-spacing: none;
}

本サイトへようこそ。ここは、力道山の人物史を通して日本の歴史について考察しようと思い立ち上げました。

キーワードは、「明治維新」「大正ロマン」「戦前」「戦後」「バブル」「平成」…「朝鮮と日本」など。

まだ、力道山の生涯の略歴を列挙しているだけですが、徐々に歴史的背景もアップしていく予定です。

記事内容につきましては、歴史的事実を踏まえつつも、私の独断と偏見に満ちたものであります故、ご意見ご感想などはフッター部のリンクからメールにて受け付けます。


.sample8-2 {
  letter-spacing: 0.5em;
}

本サイトへようこそ。ここは、力道山の人物史を通して日本の歴史について考察しようと思い立ち上げました。

キーワードは、「明治維新」「大正ロマン」「戦前」「戦後」「バブル」「平成」…「朝鮮と日本」など。

まだ、力道山の生涯の略歴を列挙しているだけですが、徐々に歴史的背景もアップしていく予定です。

記事内容につきましては、歴史的事実を踏まえつつも、私の独断と偏見に満ちたものであります故、ご意見ご感想などはフッター部のリンクからメールにて受け付けます。

inserted by FC2 system