記述形式 | padding : padding-top | padding-right | padding-bottom | padding-left ; |
---|---|
適用 | all elements |
使用方法 |
要素の上下左右領域を一括設定する。 基本的に top,right,bottom,left の順で設定しますが、以下のように省略することもできます。 ex1 . padding: 10px; 上下左右 全ての領域が 10px に設定されます。 ex2 . padding: 10px 20px; 上下10px,左右20px の領域が設定されます。 ex3 . padding: 10px 20px 30px; 上10px,左右20px,下30px の領域が設定されます。 各プロパティの間には半角スペースを入れます。 |
実行例 |
<DIV STYLE="padding:20px ">テキスト</DIV>
CSS とは Cascading Style Sheet の略で、今までの HTML では不可能だった
ドキュメント中のオブジェクトのレイアウトを自由に扱えるものです。
まぁ 自由といってもスタティックなもので、ダイナミックに扱いたい場合は
JavaScript 等のスクリプト言語と組み合わせて使うと可能です。
<DIV STYLE=" padding:40px 30px ">テキスト</DIV>
CSS とは Cascading Style Sheet の略で、今までの HTML では不可能だった
ドキュメント中のオブジェクトのレイアウトを自由に扱えるものです。
まぁ 自由といってもスタティックなもので、ダイナミックに扱いたい場合は
JavaScript 等のスクリプト言語と組み合わせて使うと可能です。
※ 認識しやすいように background:orange で表示しています。 |
サポート ブラウザ |
IE4.x , IE5.0x , IE5.5x , NN4.x , NN6.x (詳細は各プロパティを参照) |