2017年8月3日木曜日

UL の デフォルトスタイルシート「padding-start」

<UL>タグにはデフォルトで"padding-start:40px;"が付いているらしい。
"padding-start"とは文の頭につく余白とのこと。
●がpaddingとして「●●テキストテキスト」のような感じ。
ULリストなので本体の左ではなく、上側に余白をとったのかも。

これは、スライドショーでよく使う「bxslider」を検証していた時のこと。
画像の上にかなりの隙間ができたので消そうとしたが、スクリプトやCSSファイルでは見つからず、試に
html,body,div,ul{
margin:0;
padding:0;
}
としてみたところ、見事に余白が消えたということ。

CSSはリセットしなければまともに使えないことは"reset.css"を使い始めた時から知っていたが、今回はじめてそれが「デフォルトスタイルシート」と言われるものだと知った。


0 件のコメント: