パディング\マージン

パディング要素プロパティをパディング、パディング領域が要素およびその境界の内容との間の空間を意味し、プロパティを負にすることはできません。四つのマージンプロパティは以下のとおりです。パディングトップ、パディング右、パディング下、およびパディング左

図1に示すように、指定された値の値は、パディングの四辺の内容を指定します

padding: 50px;
 
marginPadding1.png

図2に示すように、最初の2つの値指定された値が一番上にコンテンツを指定し、第二のボトムマージンは、左右のパディングにコンテンツを指定しました

padding: 50px 20px;
 
padding2.png

3、の最初の値が3つのパディング上側指定されたコンテンツを指定します。右への第2指定されたコンテンツとは、距離に指定されたコンテンツ下左から3番目

padding: 50px 20px 10px;
 
padding3.png

図4に示すように、4つの値が左側に指定され、右(時計回り順)を下げます

padding: 50px 20px 10px 5px;
 
padding4.png

コントロールの幅が200pxのあるその他のスタイルセット、高さ200pxの、マージンとパディングコンテンツ領域のサイズを変更すると変更はありません



著者:FisherJiamの
リンクします。https://www.jianshu.com/p/73deb2ae7992
出典:ジェーンの本が
著者によって著作権で保護されています。著者は認可商業転載してください接触、非商用の転載は、ソースを明記してください。

おすすめ

転載: www.cnblogs.com/wfy680/p/12348489.html