※style対応テストと自分用メモ
外枠


【div style】
◆フォントカラー
あいうえおABCDE


◆寄せる
中央


◆background
あいうえおABCDE


◆padding 上下左右1em
あいうえおABCDE

(個別指定)
padding-top:1em

padding-bottom:1em

padding-right:1em;

padding-left:1em;


◆margin 上下左右1em
あいうえおABCDE

(個別指定)
margin-top:1em

margin-bottom:1em

margin-right:1em;

margin-left:1em;


◆入れ子 外枠padding 上下左右1em
あいうえおABCDE


◆入れ子 内枠margin 上下左右1em
あいうえおABCDE

上下margin、外枠外にmargin

◆行間 2em
あいうえおABCDE


◆フォントサイズ
1
2
3
4
5
6
7

xx-small
x-small
small
medium
large
x-large
xx-large

200%
2em(2文字分)


◆ボーダー 実線 1px 赤
あいうえおABCDE


(個別指定)
border-top:solid 1px #ff0000

border-bottom:solid 1px #ff0000

border-right:solid 1px #ff0000;

border-left:solid 1px #ff0000;



【span style】
◆フォントカラー
あいうえおABCDE

◆background

あいうえおABCDE


◆padding 上下左右1em

あいうえおABCDE

上文字消失、下文字表示(上文字は背景に上書きされる)
例)0.3em
上 文字の下の方が消えている
あいうえおABCDE

(個別指定)
改行
padding-top:1em
改行
padding-bottom:1em
改行
padding-right:1em;
改行
padding-left:1em;
改行

◆margin 上下左右1em

あいうえおABCDE

(個別指定)
改行

margin-top:1em

改行

margin-bottom:1em

改行
margin-right:1em;
改行
margin-left:1em;
改行

◆入れ子 外枠padding 上下左右1em

あいうえおABCDE


◆入れ子 内枠margin 上下左右1em

あいうえおABCDE

上下margin、外枠外にmargin

◆行間 2em
あいうえおABCDE

◆フォントサイズ
1
2
3
4
5
6
7

xx-small
x-small
small
medium
large
x-large
xx-large

200%
2em(2文字分)

◆ボーダー 実線 1px 赤

あいうえおABCDE


(個別指定)

border-top:solid 1px #ff0000


border-bottom:solid 1px #ff0000

border-right:solid 1px #ff0000;
border-left:solid 1px #ff0000;

【hr style】
※ドコモP-03B(iモードブラウザ2.0)での結果※
<hr style="color:背景色;background-color:背景色;border:0;border-top:1px solid 線の色;">
(線の色、線の背景色、線スタイルクリア、上ボーダー装飾上書き)

<hr color="ff0000" size="1" />
↑色は変わる、影はないが太い
<hr color="ff0000" style="boder:1px;" />
↑色は変わる、影はないがちょっと太い
<hr color="ff0000" style="1px solid #ff0000" />
↑色は変わる、影はないがちょっと太い
<hr style="height:1px;border:1px solid #ff0000;" />
↑色は変わらない、白抜きになる
<hr style="border:1px solid #ff0000;" />
↑色は変わらない、影がつく
solid実線1px
↑色が変わらない
dotted点線1px
↑色が変わらない、実線になる
dashed破線1px
↑色が変わらない、実践になる
double二重線3px(一本目、空白、二本目で全部で3px)
↑色が変わらない、二重線ではなく一つの線に。ピクセルを加えると、その分太くなるだけ。
×
人気急上昇中のBL小説
BL小説 BLove
- ナノ -