Text CSS Test.

Robert.KIMATA.info の text 系要素の CSS test page.

この文書はCSSのスタイル確認を目的としているため、文章構造を無視してテストケースのための markup が行われています

a 要素

属性をもたない a 要素

id 属性を持つ hyperlink 先としての a 要素

href 属性を持つ hyperlink 元としての a 要素

id 属性と title 属性を持つ hyperlink 先としての a 要素

href 属性と title 属性を持つ hyperlink 元としての a 要素


HyperLink の色に関する test case は HyerLink - Color CSS Test. 参照

em, strong, b, i, mark, small

em, strong, b, i, mark, small

smallで途中で改行が行われる長いテストのための例文としてのいろは歌:いろはにほへと ちりぬるを わかよたれそ つねならむ うゐのおくやま けふこえて あさきゆめみし ゑひもせす

前後に普通のサイズの文字がついているsmallで途中で改行が行われる長いテストのための例文としてのいろは歌:いろはにほへと ちりぬるを わかよたれそ つねならむ うゐのおくやま けふこえて あさきゆめみし ゑひもせすの場合のテスト

code, kbd, var, samp

code, kbd, var, samp

code, kbd, var, samp in code.

sup and sub.

x2 + y2 = 1

H2O

ルビ

本文に対してルビが長い場合のサンプルとしてのHTML(HyperText Markup Language)と、その逆パターンとしてCascading Style Sheets(CSS)

本文もルビも非常に長い語の例として包括的な経済上の連携に関する日本国とグレートブリテン及び北アイルランド連合王国との間の協定(Agreement between the United Kingdom of Great Britain and Northern Ireland and Japan for a Comprehensive Economic Partnership)

引用と作品名

引用作品名

引用の中の引用

Quote and title of a work.

Quote in Quote.

スタイルを指定ししていない要素

特にStyleを指定していないため全称セレクタによる指定とデフォルトスタイルとの相性を確認

span 要素

段落の中でtitle属性ID 属性などグローバル属性を使用する際に span を使う事がある

段落の中で<span title="title属性を持つspan要素">title属性</span>や<span id="KMV5L6DH">ID 属性</span>などグローバル属性を使用する際に `span` を使う事がある

br 要素

段落の中で
強制改行を行った場合の
表示の確認

段落(だんらく)(なか)
強制(きょうせい)改行(かいぎょう)(おこな)った場合(ばあい)
表示(ひょうじ)確認(かくにん)

s と u 要素

s 要素で打ち消し線が引かれていることが期待される段落

u 要素で下線が引かれていることが期待される段落

s 要素の子要素の u 要素u 要素の子要素の s 要素

dfn 要素

title 属性を持たない dfn 要素

title 属性を持つ dfn 要素

abbr 要素

title 属性あり HTMLCSS

title 属性なし HTMLCSS

data 要素

99 + 1

<data value="100">99 + 1</data>

time 要素

datetime 属性の値となる妥当な日付の文字列に書き換えるとです。

テストケース未設定

  • bdi
  • bdo
  • wbr