padding-leftプロパティ

TOPページに戻る > CSS

スポンサード リンク

padding-leftプロパティ

要素の枠線の内側に余白を指定します
padding-leftプロパティを使えば要素の内側の左に余白を作ることができます

使い方(書式)

セレクタ { padding-left: 値; }                                    

padding-leftプロパティ

対応ブラウザ ie6 ie7 ie8 ie9 ie10 ie11 google Chrome safari fire fox opera
適用できる要素 全てのhtml要素
子要素へのスタイルの継承 しない

プロパティの値 説明
単位 px、emなどの単位
% パーセンテージで指定。要素が表示できる幅に対しての割合
0 余白なし

実際の指定方法

.hoge { padding-left: 20px; }    /* 左の余白を20pxに指定  */

.hoge2 { padding-left: 5%; }     /* 左の余白を5%に指定 */

html部分

<div class="hoge">padding-left: 20px;</div>
<div class="hoge2">padding-left: 5%;</div>

実際の表示(わかりやすいように枠線をつけています)

padding-left: 20px;

padding-left: 5%;




(C)2012 ホームページ作成無料