ホームページ > 記事 > ウェブフロントエンド > CSSパディングとはどういう意味ですか?
CSSパディングとはどういう意味ですか?
- 藏色散人オリジナル
- 2021-01-04 11:44:423520ブラウズ
css パディングは、要素の境界線と要素の内容の間のスペース、つまり上、下、左、右のパディングを定義する短縮属性です。要素のパディング パディングがクリアされると、解放された領域は要素の背景色のパディングに影響します。padding 属性を単独で使用すると、上下左右のパディングを変更できます。
#この記事の動作環境: Windows 7 システム、Dell G3 コンピューター、css3 バージョン。
推奨事項: "css ビデオ チュートリアル "
padding 属性は短縮属性です。これは 1 つのステートメントですべてのパディング属性を設定し、内側のマージンも設定できます。それぞれの側、ギャップの幅。負の値は許可されません。
説明:
この短縮属性は、要素のすべてのパディングの幅を設定するか、各側のパディングの幅を設定します。インラインの非置換要素に設定されたパディングは、行の高さの計算には影響しません;
したがって、要素にパディングと背景の両方がある場合、視覚的に他の行に拡張され、他のコンテンツと重なる可能性もあります。要素の背景はパディング全体に広がります。負のマージン値は許可されません。
属性値:
auto ブラウザーがパディングを計算します。
length は、パディング値をピクセル、センチメートルなどの特定の単位で指定します。デフォルト値は 0px です。
% パディングを親要素の幅のパーセンテージとして指定します。
例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
td.test1 {
padding: 1.5cm
}
td.test2 {
padding: 0.5cm 2.5cm
}
</style>
</head>
<body>
<table border="1">
<tr>
<td class="test1">
这个表格单元的每个边拥有相等的内边距。
</td>
</tr>
</table>
<br />
<table border="1">
<tr>
<td class="test2">
这个表格单元的上和下内边距是 0.5cm，左和右内边距是 2.5cm。
</td></tr></table></body></html>レンダリング:
以上がCSSパディングとはどういう意味ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。