CSS & 框模型

CSS & 框模型

 

1.页面元素边框的属性

属性 说明
boder 设置边框样式的复合属性
border-color 设置边框的颜色值
border-style 设置边框的样式,包括none(无边框),dotted(点划线),dashed(虚线),solid(实线),double(双线),groove(槽状),ridge(脊状),inset(凹陷),outset(凸出)
border-width 设置边框宽度
border-top, border-right, border-bottom, border-left 分别设置上、右、下和左边框的复合属性
border-top-color, border-right-color, border-bottom-color, border-left-color 分别设置上、右、下和左边框的颜色
border-top-style, border-right-style, border-bottom-style, border-left-style 分别设置上、右、下和左边框的样式
border-top-width, border-right-width, border-bottom-width, border-left-width 分别设置上、右、下和左边框的宽度

 

 

2.元素定位属性

属性 说明
position                  定义元素在页面中的定位方式,有absolute,relative,static,fixed,默认为static
left 指定元素与最近一个具有定位设置的父对象左边的距离
right 指定元素与最近一个具有定位设置的父对象右边的距离
top 指定元素与最近一个具有定位设置的父对象上边的距离
bottom 指定元素与最近一个具有定位设置的父对象下边的距离
z-index 设置元素的层叠顺序,仅在position属性为relative或者absolute时有效
width 设置元素框宽度
height 设置元素框高度
overflow 内容溢出控制
clip 剪切

 

 

 

 

 

 

 

 

 

 

 

3.布局属性

属性 说明
clear                  指定元素中不允许有浮动对象的边,取值:none(默认),left,right和both
float 指定元素是否以及如何浮动,取值有none,left和right
clip 指定元素的可视区域,区域外的部分将隐藏
overflow 指定在元素的内容超过指定宽度和高度时的处理方式,默认为visible
overflow-x 指定元素处理内容超过宽度时的方式
overflow-y 指定元素处理内容超过高度时的方式
display 指定元素是否以及如何显示,默认为inline(元素将以内联方式显示)
visibility 指定是否显示元素
   
   

 

 

 

你可能感兴趣的:(css)