CSSの文字列要素の表示
文字列要素には以下のようなものがある
要素名 | 分類 | 説明 | HTML5 |
---|---|---|---|
p | ブロックレベル要素 | 段落 | ○ |
br | インライン要素 | 改行 | ○ |
em | インライン要素 | 強調 | ○ |
strong | インライン要素 | 強い強調 | ○ |
addr | インライン要素 | 略語(全般) | ○ |
acronym | インライン要素 | 略語(頭字語) | × |
dfn | インライン要素 | 定義する用語 | ○ |
sup | インライン要素 | 上付き文字 | ○ |
sub | インライン要素 | 下付き文字 | ○ |
kbd | インライン要素 | 入力文字 | ○ |
samp | インライン要素 | 出力サンプル | ○ |
bdo | インライン要素 | 文字表記の方向 | ○ |
del | その他 | 削除されたテキスト | ○ |
ins | その他 | 追加されたテキスト | ○ |
code | インライン要素 | ソースコード | ○ |
var | インライン要素 | 変数・引数 | ○ |
pre | ブロックレベル要素 | 整形済みテキスト | ○ |
blockquote | ブロックレベル要素 | 長文の引用(ブロックレベル) | ○ |
q | インライン要素 | 短文の引用(インライン) | ○ |
cite | インライン要素 | 引用元(出典・参照先) | ○ |
サイト内の各文字要素の表示を検証
文字列要素のサンプル(このサイトのCSSが適応されてます)
Pは文字の領域が分かるようにバックグランドのみ指定
<p>〜</p>(段落)のサンプル
<p>(段落)のサンプル</p>
これは
改行
のサンプル
<p>これは<br>改行<br><br>のサンプル</p>
これは普通の強調のサンプル
<p>これは<em>普通の強調</em>のサンプル</p>
これは強い強調のサンプル
<p>これは<strong>強い強調</strong>のサンプル</p>
これは
<p>これは<addr>略語(全般)</addr>のサンプル</p>
これは略語(頭字語)のサンプル
<p>これは<acronym>略語(頭字語)</acronym>のサンプル</p>
これは定義する用語のサンプル
<p>これは<dfn>定義する用語</dfn>のサンプル</p>
これは上付き文字のサンプル
<p>これは<sup>上付き文字</sup>のサンプル</p>
これは下付き文字のサンプル
<p>これは<sub>下付き文字</sub>のサンプル</p>
これは入力文字のサンプル
<p>これは<kbd>入力文字</kbd>のサンプル</p>
これは出力サンプルのサンプル
<p>これは<samp>出力サンプル</samp>のサンプル</p>
これは文字表記の方向のサンプル
<p>これは<bdo dir="rtl">文字表記の方向</bdo>のサンプル</p>
これは削除されたテキストのサンプル
<p>これは<del>削除されたテキスト</del>のサンプル</p>
これは追加されたテキストのサンプル
<p>これは<ins>追加されたテキスト</ins>のサンプル</p>
引用、ソースコード関連は次のページで
投票数:22
平均点:10.00
![]() CSSの文字サイズ指定 |
![]() CSS関連 |
![]() CSSの引用・ソースコードなどの表示と特殊文字入力 |