Text Style Test.

Robert.KIMATA.info の text 系要素の style test

この文書はスタイル確認を目的としているため、文章構造を無視してテストケースのための 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)

ルビの振り方 Output HTML
1文字づつ <ruby>漢<rt>かん</rt>字<rt>じ</rt></ruby> かん
熟語 <ruby>漢字<rt>かんじ</rt></ruby> 漢字かんじ

作品名

日本語で作品名二重かぎ括弧

英語で Title text斜体

引用

引用

引用の中の引用

Quote

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 属性の値となる妥当な日付の文字列に書き換えるとです。

wbr 要素

12345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890

12345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890

1234567890<wbr />1234567890<wbr />1234567890<wbr />1234567890<wbr />1234567890<wbr />1234567890<wbr />1234567890<wbr />1234567890<wbr />1234567890<wbr />1234567890<wbr />1234567890<wbr />1234567890<wbr />1234567890<wbr />1234567890

12345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890

テストケース未設定

  • bdi
  • bdo