padding:[ <length> | <percentage> ]{1,4}
默认值:看每个独立属性
适用于:所有元素,除 table-row-group | table-header-group |
table-footer-group | table-column-group | table-row 外
继承性:无
动画性:是
计算值:看每个独立属性
相关属性:[ padding-top ] || [ padding-right ] || [ padding-bottom ] || [ padding-left ]
检索或设置对象四边的内部边距。
TRBL
引申: margin,border
padding的值缩写
padding : 20px; == padding : 20px 20px 20px 20px;
padding : 20px 10px; == padding : 20px 10px 20px 10px;
padding : 20px 10px 30px == padding : 20px 10px 30px 10px;
对面相等,后者省略; 4面相等,只设一个
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>padding 填充</title> <style type="text/css"> div,span{ border: 1px dashed red; } .sample0{ padding: 20px; } .sample1{ padding: 40px 30px 20px 10px; } .sample2{ padding: 20px 10px 20px; } .parent{ padding:20px; } .child{ border: 1px solid blue; } </style> </head> <body> <div class="sample0">sample</div> <br> <div class="sample1">sample</div> <br> <div class="sample2">sample</div> <br> <div class="parent"> <div class="child">child </div> </div> </body> </html>
【 微信扫一扫 】