《css权威指南》盒模型

display

可选值:none(隐藏) | inline(行内元素) | block(块级元素) | inline-block(行内块元素) | list-item | run-in | table | inline-table |
table-row-group | table-header-group | table-footer-group | table-row | table-column-group |
table-column | table-cell | table-caption
初始值:inline
应用于:所有元素
这里写图片描述

width

可选值:<length> | <percentage> | auto  | inherit
初始值:auto
应用于:块级元素、替换元素
是否自动继承:否

height

可选值:<length> | auto  | inherit
初始值:auto
应用于:块级元素和替换元素
是否自动继承:否

margin

可选值:<length> | <percentage> | auto  | inherit
初始值:未定义
应用于:所有元素
是否自动继承:否

margin-top | margin-right | maring-bottom | margin-left

可选值:<length> | <percentage> | auto  | inherit
初始值:0
应用于:所有元素
是否自动继承:否

border-style

可选值: none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset  | inherit
初始值:无
应用于:所有元素
是否自动继承:否

border-top-style | border-right-style | border-bottom-style | border-left-style

可选值:none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset  | inherit
初始值:none
应用于:所有元素
是否自动继承:否

border-width

可选值:thin | medium | thick | <length>  | inherit
初始值:无
应用于:所有元素
是否自动继承:否

border-top-widht | border-right-width | border-bottom-width | border-left-width

可选值:thin | medium | thick | <length>  | inherit
初始值:medium
应用于:所有元素
是否自动继承:否

border-color

可选值:<color> | transparent  | inherit
初始值:无
应用于:所有元素
是否自动继承:否

border-top-color | border-right-color | border-bottom-color | border-left-color

可选值:<color> | transparent  | inherit
初始值: 元素color的值
应用于:所有元素
是否自动继承:否

border-top | border-right | border-bottom | border-left

可选值:[<border-width> | |<border-style> | | <border-color>]  | inherit
初始值:无
应用于:所有元素
是否自动继承:否

border

可选值:[<border-width> | | <border-style> | | <border-color> ]  | inherit
初始值:元素初始值
应用于:所有元素
是否自动继承:否

padding

可选值:<length> | <percentage>  | inherit
初始值:无
应用于:所有元素
是否自动继承:否

padding-top | padding-right | padding-bottom | padding-left

可选值:<length> | <percentage>  | inherit
初始值:0
应用于:所有元素
是否自动继承:否
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值