一、使用STYLE 属性： 将STYLE 属性直接加在个别的元件标签里。 <元件(标签) STYLE="性质(属性)1: 设定值1; 性质(属性)2: 设定值2; ...}
例纾?/span>
这种用法的优点 是可灵巧应用样式於各标签中，但是缺点则是没有整篇文件的『统一性』。
二、使用STYLE 标签： 将样式规则写在例如：
通常是将整个的
结构写在网页的
部份之中。这种用法的优点就是在於整篇文件的统一性，只要是有声明的的元件即会套用该样式规则。缺点就是在个别元件的灵活度不足。
三、使用 LINK 标签： 将样式规则写在.css的样式档案中，再以假设我们把样式规则存成一个example.css的档案，我们只要在网页中加入
即可套用该样式档案中所制定好的样式了。 通常是将
LINK 标签写在网页的
部份之中。这种用法的优点就是在於可以把要套用相同样式规则的数篇文件都指定到同一个样式档案即可。缺点也是在个别文件或元件的灵活度不足。
四、使用@import 引入： 跟LINK用法很像，但必 放在例如：
要注意的是，行末的分号是绝对不可少的！切记切记！
网页设计者的样式设定 ＞ 使用者的样式设定 ＞ 浏览器的样式设定
所谓『链结进来的样式设定』指的就是用上面提到过的LINK标签与@import引入这两种应用方式所链结进来的的样式设定。
第三章 ＣＳＳ的应用补充
挑 选 者 特 性 的 应 用
一、前後文挑选者： 依声明标签前後文关系显示特定性质的方法。 前後文挑选者便是当浏览器在显示HTML原始码所指定的内容时，会考虑元素标签的前後关系，而去显示指定的样式声明。也就是说只要HTML原始码内的标签排列前後顺序符合时，该项声明便会发生作用了！
元素A(标签A) 元素B(标签B) 元素C(标签C) ... {样式规则}
要注意的是，前後文挑选者的声明跟集体声明很像，但是集体声明的元素标签间要用逗号隔开，而用前後文挑选者声明时元素标签间要用空格隔开；而这两种声明方式您可以混合使用。
元素A 元素B, 元素C 元素D 元素E, ... {样式规则}
这样您就可以用集体声明的方式，声明数组前後文挑选者的样式规则。
二、类别挑选者： 让单一或数个标签使用同组样式规则的方法。 类别(class)可以让不同的元素标签共同套用同一组样式性质或相同的元素标签套 用不同组的样式性质。首先介绍的是如何让不同的元素套用同一组样式性质，如下面范例所写即可。
要注意在声明时前面的小点，CLASS名称可任取。而要让相同的元素标签套用不同组的样式性质时，也可以应用类别特性来设定。
要注意同样是在声明时的小点，CLASS名称可任取。灵活运用类别特性，可以让您的样式设定更具机动性唷！
三、ＩＤ挑选者： 与类别挑选者类似，不同的是在『唯一性』。 ＩＤ特性的使用与类别特性十分雷同，但是，文件里的各个ＩＤ都是唯一的。换句话 说，类别特性可以重复套用在单一或数个元素标签之上，但是ＩＤ属性在一份文件里只能出现一次。如下面范例所写即可。
可以看到，声明的方式是利用井字号『#』。而ＩＤ的这种『唯一性』正是让javascript或 VBScript能够对元素进行控制的关键。
连 结 拟 似 特 性 的 应 用
一般的声明方式： 拟似类别是以冒号来声明。 只要在架构中加入下面的声明後，则页面中的连结文字就会依您设定的样式显式了！
A:link { 样式 规则 }
A:link用以设定未参观连结的样式规则。A:active用以设定作用中连结的样式规则。A:visited用以设定已参观连结的样式规则。A:hover用以设定滑鼠移到 连结之上时的样式规则。而其中hover并不被NC4所支援，其它三个特性两大浏览器都有支持。
Ｄ Ｉ Ｖ 与 Ｓ Ｐ Ａ Ｎ 的 比 较
< DIV>...
和... ...
...< /SPAN> 应用于于小范围内的设定。两者可以彼此混合，夹杂使用，因为彼此是相互独立的。也因此，您可以利用这两个元素，配合其它性质，灵活地调整您的网页 显示的内容。
第四章 颜色背景的ＣＳＳ
本 章 Ｃ Ｓ Ｓ 的 主 要 作 用
颜 色 背 景 的 Ｃ Ｓ Ｓ 指 令
color 设定前景颜色 支 持： ＩＥ３、ＩＥ４、ＮＣ４ 适 用： 所有元素 可能值： 预设值： 视浏览器而定 继承性： 有 一般范例： SPAN { color : BLUE }同轴范例：
background-color 设定背景颜色 支 持： ＩＥ４、ＮＣ４ 适 用： 所有元素 可能值： 设定颜色，请参考第一章颜色使用的相关说明 transparent 将父元素（颜色或图案）的背景透明化
预设值： transparent 继承性： 无 一般范例： BODY { background-color : BLUE }同轴范例：
background-image 设定背景图形 支 持： ＩＥ４、ＮＣ４ 适 用： 所有元素 可能值： 设定图档URL，请参考第一章URL表示的相关说明 none 不使用背景图案
预设值： transparent 继承性： 无 一般范例： BODY { background-image : URL("http://yourweb/path/file_name") } 同轴范例：
background-repeat 设定背景重复 支 持： ＩＥ４、ＮＣ４ 适 用： 所有元素 可能值： repeat 重复背景图形填满页面 repeat-x 水平方向重复背景图形 repeat-y 垂直方向重复背景图形 no-repeat 不重复显示背景图形
预设值： repeat 继承性： 无 一般范例： BODY { background-repeat : repeat-x }同轴范例：
background-attachment 设定背景附著 支 持： ＩＥ４、ＮＣ４ 适 用： 所有元素 可能值： scroll 背景图形随著卷轴卷动 fixed 背景图形随著卷轴卷动（浮水印）
预设值： scrool 继承性： 无 一般范例： BODY { background-attachment : fixed }同轴范例：
background-position 设定背景位置 支 持： ＩＥ４、ＮＣ４ 适 用： 区块元素 可能值： 图形上X% Y%的点对准元素的X% Y%位置 将图形左上角置于元素左上角水平 X垂直 Y之处 center 背景图形置于中央 left 背景图形对 左边 right 背景图形对 右边 top 背景图形对 顶部 bottom 背景图形对 底部
预设值： 0% 0% 继承性： 无 一般范例： BODY { background- position : 100% 50% }同轴范例：
background 综合设定背景性质 支 持： ＩＥ３、ＩＥ４、ＮＣ４ 适 用： 所有元素 可能值： background-color 设定背景颜色 background-image 设定背景图形 background-repeat 设定背景重复 background-attachment 设定背景附著 background-position 设定背景位置
预设值： 无 继承性： 无 一般范例： 同轴范例：
位 置 摆 放 的 Ｃ Ｓ Ｓ 指 令
float 设定浮动性质（多用于文绕图的情形） 支 持： ＩＥ４、ＮＣ４ 适 用： 区块元素或图形 可能值： left 元素靠左，文字围绕其右 right 元素靠右，文字围绕其左 none 以预设的方法显示
预设值： none 继承性： 无 一般范例： DIV { float : right }
同轴范例：
clear 设定清除性质（设定是否允许浮动元素之存在）
支 持： ＩＥ４ 适 用： 区块元素或图形 可能值： both 若两边有浮动元素，则该元素移至浮动元素下方 left 若左边有浮动元素，则该元素移至浮动元素下方 right 若右边有浮动元素，则该元素移至浮动元素下方 none 以预设的方法显示
预设值： none 继承性： 无 一般范例： DIV { clear : right }
同轴范例：
width 设定宽度
支 持： ＩＥ４、ＮＣ４ 适 用： 区块元素或图形 可能值： 长度单位，请参考第一章基本单位的相关说明 百分比，以父元素宽度为基准 auto 以固定比例自动变化大小
预设值： auto 继承性： 无 一般范例： DIV { width : 300pt }
同轴范例：
height 设定高度
支 持： ＩＥ４、ＮＣ４ 适 用： 区块元素或图形 可能值： 长度单位，请参考第一章基本单位的相关说明 百分比，以父元素宽度为基准 auto 以固定比例自动变化大小
预设值： auto 继承性： 无 一般范例： DIV { height : 300pt }
同轴范例：
position 设定位置
支 持： ＩＥ４、ＮＣ４ 适 用： 区块元素 可能值： absolute 以父元素为基准，摆设在特定位置上 relative 以相邻元素为基准，摆设在特定位置上 static 预设位置，以该元素于原始码中位置而定
预设值： absolute 继承性： 无 一般范例： DIV { position : static }
同轴范例：
top 设定顶端位置
支 持： ＩＥ４、ＮＣ４ 适 用： 区块元素 可能值： 长度单位，请参考第一章基本单位的相关说明 百分比，以父元素宽度为基准 auto 以正常方式显示
预设值： auto 继承性： 无 一般范例： DIV { top : 30pt }
同轴范例：
left 设定左端位置
支 持： ＩＥ４、ＮＣ４ 适 用： 区块元素 可能值： 长度单位，请参考第一章基本单位的相关说明 百分比，以父元素宽度为基准 auto 以正常方式显示
预设值： auto 继承性： 无 一般范例： DIV { left : 30pt }
同轴范例：
clip 设定裁剪（设定某区域形状及大小，区域外通透）
支 持： ＩＥ４、ＮＣ４ 适 用： 区块元素 可能值： rect(top,right,bottom,left) 设定矩形之上右下左长度，会自动比对对边长度 auto 以正常方式显示
预设值： auto 继承性： 无 一般范例： DIV { clip : rect(0,100px,50px,0) }
同轴范例：
overflow 设定溢位处理（控制当元素内容超过该元素大小时的显示方式）
支 持： ＩＥ４ 适 用： 区块元素 可能值： visible 元素将不会依所设订大小显示，而能看见所有内容 hidden 超过元素所设订大小之部份将被隐藏不予显示 scroll 如有必要出现卷轴可让使用者看到全部的内容 auto 以预设的方式显示
预设值： auto 继承性： 无 一般范例： DIV { overflow : scroll }
同轴范例：
visibility 设定可视度
支 持： ＩＥ４、ＮＣ４ 适 用： 所有元素 可能值： visible 设定该元素显示 hidden 设定该元素不显示，但仍占据空间 inherit 以父元素可视度决定
预设值： inherit 继承性： 无 一般范例： DIV { visibility : hidden }
同轴范例：
z-index 设定Ｚ轴参数（三度空间）
支 持： ＩＥ４、ＮＣ４ 适 用： 区块元素 可能值： 十进位数值，数值大的元素会出现在数值小的元素的上方 auto 当元素位置重复时，原始码中写在後面元素会出现在写在前面元素的上方
预设值： auto 继承性： 无 一般范例： DIV { z-index : 3 }
同轴范例：
第五章 文字性质的ＣＳＳ
本 章 Ｃ Ｓ Ｓ 的 主 要 作 用
字 型 性 质 的 Ｃ Ｓ Ｓ 指 令
font-family 设定文字字型 支 持： ＩＥ３、ＩＥ４ 适 用： 所有元素 可能值： 预设值： 视浏览器而定 继承性： 有 一般范例： SPAN { family-name : "标楷体" }同轴范例：
font-style 设定字体样式 支 持： ＩＥ３、ＩＥ４、ＮＣ４ 适 用： 所有元素 可能值： normal 普通字 italic 斜体字 oblique 斜体字
预设值： normal 继承性： 有 一般范例： SPAN { font-style : italic }同轴范例：
font-weight 设定字型份量 支 持： ＩＥ３、ＩＥ４、ＮＣ４ 适 用： 所有元素 可能值： normal 普通字 bold 粗体字 bolder 相对于父元素稍粗 lighter 相对于父元素稍细 100,200,300, 数字由小到大代表笔画由细到粗
预设值： normal 继承性： 有 一般范例： SPAN { font-weight : bolder }同轴范例：
font-size 设定文字大小 支 持： ＩＥ３、ＩＥ４、ＮＣ４ 适 用： 所有元素 可能值： 绝对大小，可用的参数由小到大分别有七项 相对大小，可用的参数为larger, smaller两项 长度单位，请参考第一章基本单位的相关说明 百分比，以父元素字型大小为基准
预设值： medium 继承性： 有 一般范例： SPAN { font-size : 12pt }同轴范例：
font-variant 设定文字转换 支 持： ＩＥ３、ＩＥ４、ＮＣ４ 适 用： 所有元素 可能值： normal 普通字 small-caps 将小写文字转换为大写
预设值： normal 继承性： 有 一般范例： SPAN { font-variant : small-caps }同轴范例：
font 综合设定字型性质 支 持： ＩＥ３、ＩＥ４、ＮＣ４ 适 用： 所有元素 可能值： 设定字体样式 设定文字转换 设定字型份量 设定文字大小与列高（请参考设定文字列高部份） 设定文字字型
预设值： 无 继承性： 有 一般范例： SPAN { font : bolder small-caps 12pt/120% Arial }同轴范例： < SPAN style="font : bolder small-caps 12pt/120% Arial">
文 字 性 质 的 Ｃ Ｓ Ｓ 指 令
line-height 设定列高 支 持： ＩＥ３、ＩＥ４、ＮＣ４ 适 用： 所有元素 可能值： normal 普通列高，根据字体变化合理高度，视浏览器而定 以元素字型大小乘以该数即为列高 设定长度，请参考第一章基本单位的相关说明 百分比，相对于元素字型大小为比例
预设值： normal 继承性： 有 一般范例： DIV { line-height : 120% }
同轴范例：
text-align 设定文字对
支 持： ＩＥ３、ＩＥ４、ＮＣ４ 适 用： 区块元素 可能值： center 对 中央 right 对 右边 left 对 左边 justify 左右对
预设值： 视浏览器而定 继承性： 有 一般范例： DIV { text-align : center }
同轴范例：
vertical-align 设定垂直对
支 持： ＩＥ４ 适 用： 同轴元素 可能值： top 对 同列最高元素顶端 bottom 对 同列最低元素底端 baseline 对 底线 middle 对 中央 sub 将元素置于下标 super 将元素置于上标 text-top 对 文字顶端 text-bottom 对 文字底端 参照元素本身列高，以父元素底线为基准作位移
预设值： baseline 继承性： 有 一般范例： SPAN { vertical-align : sub }同轴范例：
text-decoration 设定文字装饰
支 持： ＩＥ３、ＩＥ４、ＮＣ４ 适 用： 所有元素 可能值： none 普通字 underline 文字加底线 overline 文字加顶线 line-through 文字加删除线 blink 设定文字闪烁
预设值： none 继承性： 有 一般范例： SPAN { text-decoration : blink }同轴范例：
text-transform 设定文字转换
支 持： ＩＥ３、ＩＥ４、ＮＣ４ 适 用： 所有元素 可能值： none 普通字 capitalize 将英文单字地一个字母转换为大写 uppercase 将所有文字转换为大写 lowercase 将所有文字转换为小写
预设值： none 继承性： 有 一般范例： SPAN { text-transform : uppercase }同轴范例：
letter-spacing 设定字母间隔
支 持： ＩＥ４ 适 用： 所有元素 可能值： normal 不改变字母间隔，使用浏览器预设值 要额外增加的间隔长度，可为负值
预设值： normal 继承性： 有 一般范例： SPAN { letter-spacing : 0.5pt }同轴范例：
text-indent 设定文字缩排
支 持： ＩＥ３、ＩＥ４、ＮＣ４ 适 用： 区块元素 可能值： 长度单位，请参考第一章基本单位的相关说明 以父元素宽度为基准的百分比值
预设值： 0 继承性： 有 一般范例： DIV { text-indent : 3pt }
同轴范例：
第六章 区块性质的ＣＳＳ
本 章 Ｃ Ｓ Ｓ 的 主 要 作 用
区 块 各 部 份 名 称 与 概 念
由外而内为您作介绍： MARGIN： 边缘，虽然是通透的部份，但是可以藉由边缘宽度的调整来达到内容元素位置调整的目的。BORDER： 边框，就是外框的部份，经由ＣＳＳ指令您可以控制边框的宽度、颜色和样式，不再死板！PADDING： 补白，也就是内容元素与框架之间的这段距离与空间，也可以利用ＣＳＳ指令去控制大小。元素： 内容元素，也就是您放置于该区块内的内容，或为文字，或为图形，或为所有其它元素。
区 块 性 质 的 Ｃ Ｓ Ｓ 指 令
margin-top 设定上边缘宽度margin-right 设定右边缘宽度margin-bottom 设定下边缘宽度margin-left 设定左边缘宽度
支 持： ＩＥ３、ＩＥ４、ＮＣ４ 适 用： 区块元素 可能值： 长度单位，请参考第一章基本单位的相关说明 百分比，相对于元素宽度大小 auto 使用浏览器预设值
预设值： 0 继承性： 无 一般范例： DIV { margin-top : 20pt }
同轴范例：
margin 综合设定边缘宽度
支 持： ＩＥ３、ＩＥ４、ＮＣ４ 适 用： 区块元素 可能值： 依序设定top,right,bottom,left的边缘宽度 长度单位，请参考第一章基本单位的相关说明 百分比，相对于元素宽度大小 auto {1,4} 使用浏览器预设值
预设值： 无 继承性： 无 一般范例： DIV { margin : 20pt 15pt 10pt 5pt }
同轴范例：
要附带说明的是，如果指定了四个合法设定值，则会依序套用于四个边缘；如果只 有指定一个合法设订值，则会统一套用于四个边持；若只有指定二或三个合法设定值，则 未指定的边缘会套用对边的宽度设定值。
DIV { margin: 20pt } →top=20pt;right=20pt;bottom=20pt;left=20pt DIV { margin: 20pt 15pt } →top=20pt;right=15pt;bottom=20pt;left=15pt DIV { margin: 20pt 15pt 10pt } →top=20pt;right=15pt;bottom=10pt;left=15pt
border-top-width 设定上边框宽度border-right-width 设定右边框宽度border-bottom-width 设定下边框宽度border-left-width 设定左边框宽度
支 持： ＩＥ４、ＮＣ４ 适 用： 区块元素 可能值： thin < medium < thick thin 统一的绝对单位，因浏览器而异 medium 统一的绝对单位，因浏览器而异 thick 统一的绝对单位，因浏览器而异 长度单位，请参考第一章基本单位的相关说明
预设值： medium 继承性： 无 一般范例： DIV { border-top-width : 2pt }
同轴范例：
border-width 综合设定边框宽度
支 持： ＩＥ４、ＮＣ４ 适 用： 区块元素 可能值： 依序设定top,right,bottom,left的边框宽度 thin {1,4} 统一的绝对单位，因浏览器而异 medium {1,4} 统一的绝对单位，因浏览器而异 thick {1,4} 统一的绝对单位，因浏览器而异 长度单位，请参考第一章基本单位的相关说明
预设值： 无 继承性： 无 一般范例： DIV { border-width : 4pt 3pt 2pt 1pt }
同轴范例：
要附带说明的是，如果指定了四个合法设定值，则会依序套用于四个边框；如果只 有指定一个合法设订值，则会统一套用于四个边框；若只有指定二或三个合法设定值，则 未指定的边框会套用对边的宽度设定值。
DIV { border-width: 2pt } →top=2pt;right=2pt;bottom=2pt;left=2pt DIV { border-width: 2pt 3pt } →top=2pt;right=3pt;bottom=2pt;left=3pt DIV { border-width: 2pt 3pt 4pt } →top=2pt;right=3pt;bottom=4pt;left=3pt
border-top-color 设定上边框颜色border-right-color 设定右边框颜色border-bottom-color 设定下边框颜色border-left-color 设定左边框颜色
支 持： ＩＥ４、ＮＣ４ 适 用： 区块元素 可能值： 预设值： color性质之值 继承性： 无 一般范例： DIV { border-top-color : BLUE }
同轴范例：
border-color 综合设定边框颜色
支 持： ＩＥ４、ＮＣ４ 适 用： 区块元素 可能值： 依序设定top,right,bottom,left的边框颜色 设定颜色，请参考第一章颜色使用的相关说明
预设值： 无 继承性： 无 一般范例： DIV { border-color : RED GREEN BLUE YELLOW }
同轴范例：
要附带说明的是，如果指定了四个合法设定值，则会依序套用于四个边框；如果只 有指定一个合法设订值，则会统一套用于四个边框；若只有指定二或三个合法设定值，则 未指定的边框会套用对边的颜色设定值；若无指定此一性质，则套用color性质之设定值。
DIV{border-color:RED } →top=RED;right=RED;bottom=RED;left=RED DIV{border-color:RED GREEN } →top=RED;right=GREEN;bottom=RED;left=GREEN DIV{border-color: RED GREEN BLUE} →top=RED;right=GREEN;bottom=BLUE;left=GREEN
border-top-style 设定上边框样式border-right-style 设定右边框样式border-bottom-style 设定下边框样式border-left-style 设定左边框样式
支 持： ＩＥ４、ＮＣ４ 适 用： 区块元素 可能值： none 不显示边框 dotted 虚线（ＩＥ４、ＮＣ４浏览器当作实线） dashed 短直线（ＩＥ４、ＮＣ４浏览器当作实线） solid 实线 double 双直线 ridge ３Ｄ凸线 groove ３Ｄ凹线 outset ３Ｄ隆起（ＩＥ４不显示） inset ３Ｄ嵌入（ＩＥ４不显示）
预设值： none 继承性： 无 一般范例： DIV { border-top-style : inset }
同轴范例：
border-style 综合设定边框样式
支 持： ＩＥ４、ＮＣ４ 适 用： 区块元素 可能值： 依序设定top,right,bottom,left的边框样式 none {1,4} 不显示边框 dotted {1,4} 虚线（ＩＥ４、ＮＣ４浏览器当作实线） dashed {1,4} 短直线（ＩＥ４、ＮＣ４浏览器当作实线） solid {1,4} 实线 double {1,4} 双直线 ridge {1,4} ３Ｄ凸线 groove {1,4} ３Ｄ凹线 outset {1,4} ３Ｄ隆起（ＩＥ４不显示） inset {1,4} ３Ｄ嵌入（ＩＥ４不显示）
预设值： 无 继承性： 无 一般范例： DIV { border-style : ridge groove outset inset }
同轴范例：
要附带说明的是，如果指定了四个合法设定值，则会依序套用于四个边框；如果只 有指定一个合法设订值，则会统一套用于四个边框；若只有指定二或三个合法设定值，则 未指定的边框会套用对边的样式设定值。
DIV{border-width:outset} →top=outset;right=outset;bottom=outset;left=outset DIV{border-width:outset inset} →top=outset;right=inset;bottom=outset;left=inset DIV{border-width:outset inset ridge} →top=outset;right=inset;bottom=ridge;left=inset
border-top 综合设定上边框性质border-right 综合设定右边框性质border-bottom 综合设定下边框性质border-left 综合设定左边框性质
支 持： ＩＥ４、ＮＣ４ 适 用： 区块元素 可能值： 设定该边框宽度，请参考上面的介绍与说明 设定该边框样式，请参考上面的介绍与说明 设定该边框颜色，请参考上面的介绍与说明
预设值： 无 继承性： 无 一般范例： DIV { border-top : 2pt solid BLUE }
同轴范例：
border 综合设定边框性质
支 持： ＩＥ４、ＮＣ４ 适 用： 区块元素 可能值： 设定边框宽度，请参考上面的介绍与说明 设定边框样式，请参考上面的介绍与说明 设定边框颜色，请参考上面的介绍与说明
预设值： 无 继承性： 无 一般范例： DIV { border : 2pt solid BLUE }
同轴范例：
要附带说明的是，这个指令只能指定一组设定值，也就是说，上右下左四个边框都将套用同一组的设定值，而不能作个别边框的设定值变化。
padding-top 设定上方补白宽度padding-right 设定右方补白宽度padding-bottom 设定下方补白宽度padding-left 设定左方补白宽度
支 持： ＩＥ４、ＮＣ４ 适 用： 区块元素 可能值： 长度单位，请参考第一章基本单位的相关说明 百分比，相对于元素宽度大小
预设值： 0 继承性： 无 一般范例： DIV { padding-top : 5pt }
同轴范例：
padding 综合设定补白宽度
支 持： ＩＥ４、ＮＣ４ 适 用： 区块元素 可能值： 依序设定top,right,bottom,left的补白宽度 长度单位，请参考第一章基本单位的相关说明 百分比，相对于元素宽度大小
预设值： 无 继承性： 无 一般范例： DIV { padding : 2pt 5pt 2pt 5pt }
同轴范例：
要附带说明的是，如果指定了四个合法设定值，则会依序套用于四个补白；如果只有指定一个合法设订值，则会统一套用于四个补白；若只有指定二或三个合法设定值，则 未指定的补白会套用对边的宽度设定值。
DIV { padding: 1pt } →top=1pt;right=1pt;bottom=1pt;left=1pt DIV { padding: 1pt 2pt } →top=1pt;right=2pt;bottom=1pt;left=2pt DIV { padding: 1pt 2pt 3pt } →top=1pt;right=2pt;bottom=3pt;left=2pt