HTMLクイックリファレンス


トップページへ
HTMLタグ(目的別) CSSプロパティ(目的別) WEBカラー WEB画像
HTMLタグ(ABC順) CSSプロパティ(ABC順) 優良デザイン 特殊文字
HTML5 CSS3 JavaScript HTML5 API
HTMLの基本 CSSの基本 Canvas サイトマップ

トップページ > スタイルシートリファレンス > padding-left

★スタイルシートリファレンス

padding-left・・・・・左パディングを指定する
Internet Explorer4Internet Explorer5Internet Explorer5-macInternet Explorer5.5Internet Explorer6Internet Explorer7Internet Explorer8Internet Explorer9 Netscape4Netscape6Netscape7Netscape8 Opera6Opera7Opera8Opera9Opera10 Firefox1Firefox2Firefox3Firefox4 Google Chrome1Google Chrome2Google Chrome3Google Chrome4Google Chrome5Google Chrome6

padding-leftプロパティは、左パディングを指定する際に使用します。パディングには負の値を指定することはできません。

■使用例

スタイルシート部分は外部ファイル(sample.css)に記述。

p.sample1 {background-color: #f8dce0; padding-left: 50px;}

HTMLソース

<html>
<head>
<link rel="stylesheet" href="sample.css" type="text/css">
</head>
<body>
<p class="sample1">
このサンプルでは50pxの左パディングを指定しています。パディングには負の値を指定することはできません。
</p>
</body>
</html>
↓↓↓

ブラウザ上の表示

このサンプルでは50pxの左パディングを指定しています。パディングには負の値を指定することはできません。


■関連項目

margin・・・・・・・・・・・・・・・・・・・・・・・マージンに関する指定をまとめて行う
margin-top・・・・・・・・・・・・・・・・・・・上マージンを指定する
margin-bottom・・・・・・・・・・・・・・・下マージンを指定する
margin-left・・・・・・・・・・・・・・・・・・・左マージンを指定する
margin-right・・・・・・・・・・・・・・・・・・右マージンを指定する
padding・・・・・・・・・・・・・・・・・・・・・・パディングに関する指定をまとめて行う
padding-top・・・・・・・・・・・・・・・・・・上パディングを指定する
padding-bottom・・・・・・・・・・・・・・下パディングを指定する
padding-left・・・・・・・・・・・・・・・・・・左パディングを指定する
padding-right・・・・・・・・・・・・・・・・・右パディングを指定する

▲ページ先頭へ
トップページ > スタイルシートリファレンス > padding-left

HTMLクイックリファレンス


トップページへ
HTMLタグ(目的別) CSSプロパティ(目的別) WEBカラー WEB画像
HTMLタグ(ABC順) CSSプロパティ(ABC順) 優良デザイン 特殊文字
HTML5 CSS3 JavaScript HTML5 API
HTMLの基本 CSSの基本 Canvas サイトマップ
HTMLクイックリファレンスについて
このウェブサイトが本になりました
©2012 HTMQ