このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

padding-bottom:境界線の内側の下の余白

記事Oct. 13th,2020
境界線の内側の下の余白の大きさを指定するプロパティ
この記事はCSS3に対応しています。
この記事はCSS3に対応しています。

プロパティについて

概要

初期値 padding-bottom: 0;
適用対象 セル以外のテーブル内部要素とルビ・ベース・コンテナとルビ・アノテーション・コンテナを除くすべての要素
継承 しない
パーセント値 内包されるブロックの横幅に依存

padding-bottom”プロパティは要素の境界線の内側の下の余白を指定するプロパティです。

CSSのボックスモデル

既定では“padding-bottom”プロパティで指定される余白はwidth”プロパティheight”プロパティで寸法が定義されるコンテンツ領域の外側に配されます。

サンプルコード

div { padding-bottom: 10px;}

説明
<length> pxemなどで余白の大きさを指定
<percentage> 内包されるブロックのインライン方向の大きさを“100%”として余白の大きさを指定

使用例

<length>”値で指定する

div { padding-bottom: 20px;}
春はあけぼの。やうやう白くなりゆく山際、少し明かりて、紫だちたる雲の細くたなびきたる。 夏は夜。月のころはさらなり、闇もなほ、蛍の多く飛びちがひたる。また、ただ一つ二つなど、ほのかにうち光て行くもをかし。雨など降るもをかし。 秋は夕暮れ。夕日の差して山の端いと近うなりたるに、烏の寝所へ行くとて、三つ四つ、二つ三つなど飛び急ぐさへあはれなり。まいて雁などの連ねたるが、いと小さく見ゆるは、いとをかし。日入り果てて、風の音、虫の音など、はた言ふべきにあらず。 冬はつとめて。雪の降りたるは言ふべきにもあらず、霜のいと白きも、またさらでもいと寒きに、火など急ぎおこして、炭持て渡るも、いとつきづきし。昼になりて、ぬるくゆるびもていけば、火桶の火も、白き灰がちになりてわろし。

<percentage>”値で指定する

div { padding-bottom: 10%;}
春はあけぼの。やうやう白くなりゆく山際、少し明かりて、紫だちたる雲の細くたなびきたる。 夏は夜。月のころはさらなり、闇もなほ、蛍の多く飛びちがひたる。また、ただ一つ二つなど、ほのかにうち光て行くもをかし。雨など降るもをかし。 秋は夕暮れ。夕日の差して山の端いと近うなりたるに、烏の寝所へ行くとて、三つ四つ、二つ三つなど飛び急ぐさへあはれなり。まいて雁などの連ねたるが、いと小さく見ゆるは、いとをかし。日入り果てて、風の音、虫の音など、はた言ふべきにあらず。 冬はつとめて。雪の降りたるは言ふべきにもあらず、霜のいと白きも、またさらでもいと寒きに、火など急ぎおこして、炭持て渡るも、いとつきづきし。昼になりて、ぬるくゆるびもていけば、火桶の火も、白き灰がちになりてわろし。
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク