タテ長モードプロパティテスト

背景

background-attachment: fixed;
background-color: #ff0;
background-image: url("images/tile.gif");
background-position: top left;
background-repeat: repeat;

ボーダー/アウトライン

dotted

dashed

solid

double

groove

ridge

inset

outset

マージンとパディング

margin-top: 100px;
margin-right: 100px;
margin-bottom: 100px;
margin-left: 100px;
padding-top: 100px;
padding-right: 100px;
padding-bottom: 100px;
padding-left: 100px;

フロートとクリア

左フロート
指定無しブロック
クリア

ポジション

static
absolute/z-index: 1;/clip: rect(0px, 400px, 100px, 0px);
relative
fixed

display

inline
block
inline-block
list-item
run-in
block
none

インラインテーブル

table-caption
table-column
table-column
table-header-group/table-cell
table-header-group/table-cell
table-header-group/table-cell
table-header-group/table-cell
table-cell
table-cell
table-cell
table-cell
table-cell
table-cell
table-cell
table-cell

ブロックテーブル

table-caption
table-column
table-column
table-header-group/table-cell
table-header-group/table-cell
table-header-group/table-cell
table-header-group/table-cell
table-cell
table-cell
table-cell
table-cell
table-cell
table-cell
table-cell
table-cell

visiblity

visible

ボックスのサイズ

MaxW/H:400px,overflow:hidden
Minimum Width:1000px,Minimum Height:100px
overflow: scroll
プロポーショナルゴシック
Wii NTLG PGothic 50pxの文字です。 0123456789
等幅ゴシック
Wii NTLG Gothic 50pxの文字です。 0123456789
その他フォント(font-family: times;)
This is Times,serif.
font-variant: small-caps;
abcdefgABCDEFG123456あいうえお天網恢々
font-weight: bold;
abcdefgABCDEFG123456あいうえお天網恢々
font-style: oblique;
abcdefgABCDEFG123456あいうえお天網恢々
font-style: italic;
abcdefgABCDEFG123456あいうえお天網恢々
font-weight&oblique
abcdefgABCDEFG123456あいうえお天網恢々
font-weight&font-italic
abcdefgABCDEFG123456あいうえお天網恢々
color: red;
abcdefgABCDEFG123456あいうえお天網恢々
direction: rtl; / unicode-bidi: bidi-override;
天網恢々粗にして漏らさず
text-align: left
天網恢々粗にして漏らさず
text-align: center;
天網恢々粗にして漏らさず
text-align: right;
天網恢々粗にして漏らさず
text-decoration: underline;
天網恢々粗にして漏らさず
text-decoration: overline;
天網恢々粗にして漏らさず
text-decoration: line-through;
天網恢々粗にして漏らさず
text-decoration: blink;
text-indent: 40px;
天網恢々粗にして漏らさず
text-transform: capitalize;
Internet Channel インターネットチャンネル 123 天網恢々粗にして漏らさず
abcdefgABCDEFG123456あいうえお天網恢々
text-transform: uppercase;
internet channel インターネットチャンネル 123 天網恢々粗にして漏らさず
abcdefgABCDEFG123456あいうえお天網恢々
text-transform: lowercase;
INTERNET CHANNEL インターネットチャンネル 123 天網恢々粗にして漏らさず
abcdefgABCDEFG123456あいうえお天網恢々
letter-spacing: 30px;
INTERNET CHANNEL インターネットチャンネル 123 天網恢々粗にして漏らさず
abcdefgABCDEFG123456あいうえお天網恢々
word-spacing: 100px;
INTERNET CHANNEL インターネットチャンネル 123 天網恢々粗にして漏らさず
abcdefgABCDEFG123456あいうえお天網恢々
white-spacing: pre;
Humpty Dumpty sat on a wall. Humpty Dumpty had a great fall. All the king's horses and all the king's men couldn't put Humpty together again. ハンプティ・ダンプティが塀の上 ハンプティ・ダンプティがおっこちた 王様の馬みんなと王様の家来みんなでもハンプティを元に戻せなかった
white-spacing: nowrap;
Humpty Dumpty sat on a wall. Humpty Dumpty had a great fall. All the king's horses and all the king's men couldn't put Humpty together again.
ハンプティ・ダンプティが塀の上 ハンプティ・ダンプティがおっこちた 王様の馬みんなと王様の家来みんなでもハンプティを元に戻せなかった
white-spacing: pre-wrap;
Humpty Dumpty sat on a wall. Humpty Dumpty had a great fall. All the king's horses and all the king's men couldn't put Humpty together again. ハンプティ・ダンプティが塀の上 ハンプティ・ダンプティがおっこちた 王様の馬みんなと王様の家来みんなでもハンプティを元に戻せなかった
white-spacing: pre-line;
Humpty Dumpty sat on a wall. Humpty Dumpty had a great fall. All the king's horses and all the king's men couldn't put Humpty together again. ハンプティ・ダンプティが塀の上 ハンプティ・ダンプティがおっこちた 王様の馬みんなと王様の家来みんなでもハンプティを元に戻せなかった

テーブル

caption-side: bottom;
右のセルは空です この行はthです border-collapse: separate;
この行はtdです border-spacing: 1px; width:80%;  
この行はtdです テスト テスト
この行はtdです テスト 上のセルは空です テスト

カーソル

crosshair

default

pointer

move

e-resize

ne-resize

nw-resize

n-resize

se-resize

sw-resize

s-resize

w-resize

text

wait

help

progress

vertical-align

上へ■フォント大■下ヘ

content

あいうえおかきくけこさしすせそ(<q>)

あいうえおかきくけこさしすせそ(quotes : "「" "」" "『" "』";)

あいうえおかきくけこ(content:"(" attr(title) ")\a")

あいうえおかきくけこ

(counter-reset: ptag;)あいうえおかきくけこ

あいうえおかきくけこ