CSS 框模型

术语翻译

属性|音标|翻译
--|--|--|--
element |[ˈelɪmənt]| 元素。
padding |[ˈpædɪŋ] |内边距，也有资料将其翻译为填充。
border |[ˈbɔ:də(r)] |边框。
margin |[ˈmɑ:dʒɪn]| 外边距，也有资料将其翻译为空白或空白边。

内边距

属性	音标	翻译	描述
padding	[ˈpædɪŋ]	内边距	简写属性。作用是在一个声明中设置元素的所内边距属性。
padding-bottom	[ˈpædɪŋ] [ˈbɒtəm]	底部	设置元素的下内边距。
padding-left	[ˈpædɪŋ] [left]	左边	设置元素的左内边距。
padding-right	[ˈpædɪŋ] [raɪt]	右边	设置元素的右内边距。
padding-top	[ˈpædɪŋ] [tɒp]	顶部	设置元素的上内边距。

边框

属性	音标	翻译	描述
border	[ˈbɔ:də(r)]	边框	简写属性
border-style	[ˈbɔ:də(r)] [staɪl]	样式	用于设置元素所有边框的样式 none/ [nʌn]/无/ 定义无边框。 hidden/ [ˈhɪdn] /隐藏/ 与 "none" 相同。不过应用于表时除外，对于表，hidden 用于解决边框冲突。 dotted /[ˈdɒtɪd] / 定义点状边框。在大多数浏览器中呈现为实线。 dashed/[dæʃt]/虚线/ 定义虚线。在大多数浏览器中呈现为实线。 solid /[ˈsɒlɪd]/实线/ 定义实线。 double 定义双线。双线的宽度等于 border-width 的值。 groove 定义 3D 凹槽边框。其效果取决于 border-color 的值。 ridge 定义 3D 垄状边框。其效果取决于 border-color 的值。 inset 定义 3D inset 边框。其效果取决于 border-color 的值。 outset 定义 3D outset 边框。其效果取决于 border-color 的值。 inherit 规定应该从父元素继承边框样式
border-width	[ˈbɔ:də(r)] [wɪdθ]	宽度	简写属性，用于为元素的所有边框设置宽度
border-color	[ˈbɔ:də(r)] ['kʌlə(r)]	颜色	简写属性，设置元素的所有边框中可见部分的颜色

外边距

属性	音标	翻译	描述
margin	[ˈmɑ:dʒɪn]	外边框	简写属性。在一个声明中设置所有外边距属性。
margin-top	[ˈmɑ:dʒɪn] [tɒp]	顶部	设置元素的上外边距。
margin-right	[ˈmɑ:dʒɪn] [raɪt]	右边	设置元素的右外边距。
margin-bottom	[ˈmɑ:dʒɪn] [ˈbɒtəm]	底部	设置元素的下外边距。
margin-left	[ˈmɑ:dʒɪn] [left]	左边	设置元素的左外边距。