CSS方框属性

css

上边界

语法:  margin-top: <值>
 
允许值:  <长度> | <百分比> | auto
 
初始值:  0
 
适用于:  所有元素
 
向下兼容:  否
 
上边界属性用一个指定的长度或百分比值来设置元素的上边界。百分比值参考上级元素的宽度。允许使用负值边际。

例如,以下的规则将消除文件的上边界。

BODY { margin-top: 0 }
注意如果边界在垂直方向邻接(重叠)了,会改用其中最大的那个边界值。

右边界

语法:  margin-right: <值>
 
允许值:  <长度> | <百分比> | auto
 
初始值:  0
 
适用于:  所有元素
 
向下兼容:  否
 

右边界属性用一个指定的长度或百分比值来设置元素的右边界。百分比值参考上级元素的宽度。允许使用负值边际。

例如:

P.narrow { margin-right: 50% }
注意如果边界在水平方向邻接(重叠)了,不会改用其它边界值。

下边界

语法:  margin-bottom: <值>
 
允许值:  <长度> | <百分比> | auto
 
初始值:  0
 
适用于:  所有元素
 
向下兼容:  否
 

下边界属性用一个指定的长度或百分比值来设置元素的下边界。百分比值参考上级元素的宽度。允许使用负值边际。

例如:

DT { margin-bottom: 3em }
注意如果边界在垂直方向邻接(重叠)了,会改用其中最大的那个边界值。

左边界

语法:  margin-left: <值>
 
允许值:  <长度> | <百分比> | auto
 
初始值:  0
 
适用于:  所有元素
 
向下兼容:  否
 

左边界属性用一个指定的长度或百分比值来设置元素的左边界。百分比值参考上级元素的宽度。允许使用负值边际。

例如:

ADDRESS { margin-left: 50% }
注意如果边界在水平方向邻接(重叠)了,不会改用其它边界值。

边界

语法:  margin: <值>
 
允许值:  [ <长度> | <百分比> | auto ]{1,4}
 
初始值:  未定义
 
适用于:  所有元素
 
向下兼容:  否
 

边界属性用一到四个值来设置元素的边界,每个值都是长度、百分比或者自动。百分比值参考上级元素的宽度。允许使用负值边际。

如果四个值都给出了,它们分别被应用于上、右、下和左边界。如果只给出一个值,它被应用于所有边界。如果两个或三个值给出了,省略了的值与对边相等。

边界声明包括以下例子:

BODY { margin: 5em }             /* 所有边界设为5em */
P    { margin: 2em 4em }         /* 上和下边界为2em,左和右边界为4em */
DIV  { margin: 1em 2em 3em 4em } /* 上边界为1em,右边界为2em,下边界为3em,左边界为4em */
注意如果边界在垂直方向邻接(重叠)了,会改用其中最大的那个边界值。而水平方向则不会。

使用边界属性可以一次性地设置所有边界;也可以选择使用上边界、下边界、左边界和右边界属性。

上补白

语法:  padding-top: <值>
 
允许值:  <长度> | <百分比>
 
初始值:  0
 
适用于:  所有对象
 
向下兼容:  否
 

上补白属性描述上边框和选择符的内容之间有多少间隔。该值可以是一个长度或百分比。百分比的值参考上级元素的宽度。不能使用负值。

右补白

语法:  padding-right: <值>
 
允许值:  <长度> | <百分比>
 
初始值:  0
 
适用于:  所有对象
 
向下兼容:  否
 

右补白属性描述右边框和选择符的内容之间有多少间隔。该值可以是一个长度或百分比。百分比的值参考上级元素的宽度。不能使用负值。

下补白

语法:  padding-bottom: <值>
 
允许值:  <长度> | <百分比>
 
初始值:  0
 
适用于:  所有对象
 
向下兼容:  否
 

下补白属性描述下边框和选择符的内容之间有多少间隔。该值可以是一个长度或百分比。百分比的值参考上级元素的宽度。不能使用负值。

左补白

语法:  padding-left: <值>
 
允许值:  <长度> | <百分比>
 
初始值:  0
 
适用于:  所有对象
 
向下兼容:  否
 

左补白属性描述左边框和选择符的内容之间有多少间隔。该值可以是一个长度或百分比。百分比的值参考上级元素的宽度。不能使用负值。

补白

语法:  padding: <值>
 
允许值:  [ <长度> | <百分比 ]{1,4}
 
初始值:  0
 
适用于:  所有对象
 
向下兼容:  否
 

补白属性是上补白、右补白、下补白和左补白属性的略写。

一个元素的补白是边框和元素的内容之间的间隔的数值。可以给出从一到四的值,每个值可以是长度或百分比。百分比值参考上级元素的宽度。不能使用负值。

如果四个值都给出了,它们分别应用于上、右、下和左补白。如果给出一个值,它将被运用到各边上。如果两个或三个值给出了,省略了的值与对边相等。

例如,以下的规则设置上补白为2em,右补白为4em,下补白为5em,左补白为4em:

BLOCKQUOTE { padding: 2em 4em 5em }

上边框宽度

语法:  border-top-width: <值>
 
允许值:  thin | medium | thick | <长度>
 
初始值:  medium
 
适用于:  所有对象
 
向下兼容:  否
 

上边框宽度属性用于指定一个元素上边框的宽度。值可以是三个关键字其中的一个,都不受字体大小或长度的影响,可以用于实现成比例的宽度。不允许使用负值。

也可以用在上边框、边框的宽度或边框的属性略写。

右边框宽度

语法:  border-right-width: <值>
 
允许值:  thin | medium | thick | <长度>
 
初始值:  medium
 
适用于:  所有对象
 
向下兼容:  否
 

右边框宽度属性用于指定元素的右边框的宽度。值可以是三个关键字其中的一个,都不受字体大小或长度的影响,可以用于实现成比例的宽度。不允许使用负值。

也可以用在右边框、边框的宽度或边框的属性略写。

下边框宽度

语法:  border-bottom-width: <值>
 
允许值:  thin | medium | thick | <长度>
 
初始值:  medium
 
适用于:  所有对象
 
向下兼容:  否
 

下边框宽度属性用于指定元素的下边框的宽度。值可以是三个关键字其中的一个,都不受字体大小或长度的影响,可以用于实现成比例的宽度。不允许使用负值。

也可以用在下边框、边框的宽度或边框的属性略写。

左边框宽度

语法:  border-left-width: <值>
 
允许值:  thin | medium | thick | <长度>
 
初始值:  medium
 
适用于:  所有对象
 
向下兼容:  否
 

左边框宽度属性用于指定元素的左边框的宽度。值可以是三个关键字其中的一个,都不受字体大小或长度的影响,可以用于实现成比例的宽度。不允许使用负值。

也可以用在左边框、边框的宽度或边框的属性略写。

边框宽度


语法:  border-width: <值>
 
允许值:  [ thin | medium | thick | <长度> ]{1,4}
 
初始值:  未定义
 
适用于:  所有对象
 
向下兼容:  否
 

边框宽度属性用一到四个值来设置元素的边界,值是一个关键字或长度。不允许使用负值长度。

如果四个值都给出了,它们分别应用于上、右、下和左边框的式样。如果给出一个值,它将被运用到各边上。如果两个或三个值给出了,省略了的值与对边相等。

这个属性是上边框宽度、右边框宽度、下边框宽度和左边框宽度属性的略写。

也可以使用略写的边框属性。

边框颜色

语法:  border-color: <值>
 
允许值:  <颜色>{1,4}
 
初始值:  颜色属性的值
 
适用于:  所有对象
 
向下兼容:  否
 

边框颜色属性设置一个元素的边框颜色。可以使用一到四个关键字。如果四个值都给出了,它们分别应用于上、右、下和左边框的式样。如果给出一个值,它将被运用到各边上。如果两个或三个值给出了,省略了的值与对边相等。

也可以使用略写的边框属性。

边框样式

语法:  border-style: <值>
 
允许值:  [ none | dotted | dashed | solid | double | groove | ridge | inset | outset ]{1,4}
 
初始值:  none
 
适用于:  所有对象
 
向下兼容:  否
 

边框样式属性用于设置一个元素边框的样式。这个属性必须用于指定可见的边框。

可以使用一到四个关键字。如果四个值都给出了,它们分别应用于上、右、下和左边框的式样。如果给出一个值,它将被运用到各边上。如果两个或三个值给出了,省略了的值与对边相等。

也可以使用略写的边框属性。

上边框

语法:  border-top: <值>
 
允许值:  <上边框宽度> || <边框式样> || <颜色>
 
初始值:  未定义
 
适用于:  所有对象
 
向下兼容:  否
 

上边框属性是一个用于设置一个元素上边框的宽度、式样和颜色的略写。

注意只能给出一个边框式样。

也可以使用略写的边框属性。

右边框

语法:  border-right: <值>
 
允许值:  <右边框宽度> || <边框式样> || <颜色>
 
初始值:  未定义
 
适用于:  所有对象
 
向下兼容:  否

右边框属性是一个用于设置一个元素右边框的宽度、式样、和颜色的略写。

注意只能给出一个边框式样。

也可以使用略写的边框属性。

下边框

语法:  border-bottom: <值>
 
允许值:  <下边框宽度> || <边框式样> || <颜色>
 
初始值:  未定义
 
适用于:  所有对象
 
向下兼容:  否
 

下边框属性是一个用于设置一个元素的下边框的宽度、式样和颜色的略写。

注意只能给出一个边框式样。

也可以使用略写的边框属性。

左边框

语法:  border-left: <值>
 
允许值:  <左边框宽度> || <边框式样> || <颜色>
 
初始值:  未定义
 
适用于:  所有对象
 
向下兼容:  否
 

左边框属性是一个用于设置一个元素左边框的宽度、式样和颜色的略写。

注意只能给出一个边框式样。

也可以使用略写的边框属性。

边框

语法:  border: <值>
 
允许值:  <边框宽度> || <r边框式样> || <颜色>
 
初始值:  未定义
 
适用于:  所有对象
 
向下兼容:  否
 

边框属性是一个用于设置一个元素边框的宽度、式样和颜色的略写。

边框声明的例子包括:

H2        { border: groove 3em }
A:link    { border: solid blue }
A:visited { border: thin dotted #800080 }
A:active  { border: thick double red }
边框属性只能设置四种边框;只能给出一组边框的宽度和式样。为了给出一个元素的四种边框的不同的值,网页制作者必须用一个或更多的属性,如:上边框、右边框、下边框、左边框、边框颜色、边框宽度、边框式样、上边框宽度、右边框宽度、下边框宽度或左边框宽度。

宽度

语法:  width: <值>
 
允许值:  <长度> | <百分比> | auto
 
初始值:  auto
 
适用于:  块级和替换元素
 
向下兼容:  否
 

每个块级或替换元素都可以用一个长度或“auto”值来指定其宽度。(替换元素仅指一些已知原有尺寸的元素。HTML替换元素包括 IMG, INPUT, TEXTAREA, SELECT, 和 OBJECT.) 宽度属性的初始值为“auto”,即为该元素的原有宽度(有就是元素自己的宽度,例如一个图象的宽度)。百分比参考上级元素的宽度。不允许使用负的长度值。

这个属性能用作给出一些INPUT元素的公共长度,好象SUBMIT和RESET按钮:

INPUT.button { width: 10em }

高度

语法:  height: <值>
 
允许值:  <长度> | auto
 
初始值:  auto
 
适用于:  块级和替换元素
 
向下兼容:  否
 

每个块级或替换元素都可以用一个长度或“auto”值来指定其高度。(替换元素仅指一些已知原有尺寸的元素。HTML替换元素包括 IMG, INPUT, TEXTAREA, SELECT, 和 OBJECT.) 高度属性的初始值为“auto”,即为该元素的原有高度(有就是元素自己的高度,例如一个图象的高度)。不允许使用负的长度值。

与宽度属性一样,高度可以应用于设定图象的比例:

IMG.foo { width: 40px; height: 40px }
在大多数情况下,我们都建议网页制作者使用图象编辑软件按比例伸缩图象,因为浏览器不可能高质量地伸缩图象,也因为使用这个属性缩小图象会导致用户下载了一个不必要的庞大文件。虽然如此,通过宽度和高度属性伸缩图象依然是用户—定义样式表中一个有用的用作克服视觉问题的选择。

漂浮

语法:  float: <值>
 
允许值:  left | right | none
 
初始值:  none
 
适用于:  所有元素
 
向下兼容:  否
 

漂浮属性允许网页制作者将文本环绕在一个元素的周围. 这同HTML 3.2中IMG元素的ALIGN=left和ALIGN=right一样,但CSS1允许所有对象“漂浮”,而不像HTML 3.2那样仅仅允许图象和表格。

清除

语法:  clear: <值>
 
允许值:  none | left | right | both
 
初始值:  none
 
适用于:  所有元素
 
向下兼容:  否
 

清除属性指定一个元素是否允许有元素漂浮在它的旁边。值left移动元素到在其左边的漂浮的元素的下面;同样的值right移动到其右边的漂浮的元素下面。其他的还有缺省的none值,和移动元素到其两边的漂浮的元素的下面的none值。这个属性类似于HTML 3.2的函数<BR CLEAR=left|right|all|none>,但它能应用于所有元素。

时间: 2024-09-22 09:39:42

CSS方框属性的相关文章

Dreamweaver MX 2004 CSS方框属性

css|dreamweaver 五.定义 CSS 样式方框属性 使用"CSS 样式定义"对话框的方框(又称盒子)类别可以为控制元素在页面上的放置方式的标签和属性定义设置.可以在应用填充和边距设置时将设置应用于元素的各个边,也可以使用"全部相同"设置将相同的设置应用于元素的所有边. 定义元素在页面上的放置方式:在"CSS 样式定义"对话框中,选择"方框"(如下图),然后设置所需的样式属性. (图片较大 请放大后查看) 如果不设置

Dreamweaver MX 2004 CSS使用教程之CSS方框属性

css|dreamweaver|教程 本站原创内容,转载请注明出处网页教学网. 五.定义 CSS 样式方框属性 使用"CSS 样式定义"对话框的方框(又称盒子)类别可以为控制元素在页面上的放置方式的标签和属性定义设置.可以在应用填充和边距设置时将设置应用于元素的各个边,也可以使用"全部相同"设置将相同的设置应用于元素的所有边. 定义元素在页面上的放置方式:在"CSS 样式定义"对话框中,选择"方框"(如下图),然后设置所需的样

CSS常用属性速查表

属性太多,对于我这种不深入WEB的人员,还是有个速查表方便多了,注意利用开头的目录,会不断更新的 CSS 字体属性(Font) 属性 描述 CSS  font 在一个声明中设置所有字体属性. 1  font-family 规定文本的字体系列. 1  font-size 规定文本的字体尺寸. 1  font-size-adjust 为元素规定 aspect 值. 2  font-stretch 收缩或拉伸当前的字体系列. 2  font-style 规定文本的字体样式. 1  font-varia

DivCSS小结:浏览器默认HTML的CSS样式属性

核心提示:这个"浏览器默认HTML的CSS样式属性",在你需要还原默认值的时候,比较有用.开始的时候应用通配选择器 *{margin:0;padding:0;},当需要使用边距的时候,就需要还原HTML默认CSS值了. 这个"浏览器默认HTML的CSS样式属性",在你需要还原默认值的时候,比较有用.开始的时候应用通配选择器 *{margin:0;padding:0;},当需要使用边距的时候,就需要还原HTML默认CSS值了. 但通配选择器在大型网站的构建中,影响性能

CSS文本属性

css letter-spacing  属性值:normal | <length>  初始值:normal  适用于:所有元素  继承:是  百分比值:不适用  "letter-spacing"属性定义了每一个字符之间的额外间距,该属性值必须以长度为单位,且正负值都是允许的.  例如下例:  <HTML>  <head>  <title>CSS Demo</title>  <style type="text/c

CSS 标签属性/属性参考

css|参考 这里列出了目前支持的样式表(CSS)标签属性.标有星号(*)的标签属性可于 Microsoft Internet Explorer 5 中使用.标有两个星号(**)的标签属性可于 Internet Explorer 5.5 中使用.带有两个加号(++)的标签属性可于 Internet Explorer 6 中使用.如果某个标签属性或属性已经提交给万维网协会(W3C)但尚未作为标准发布,则标有"已提交".若某个标签属性或属性既未提交给 W3C 也不是标准,将标有"

CSS标签属性

这里列出了目前支持的样式表(CSS)标签属性.标有星号(*)的标签属性可于 Microsoft Internet Explorer 5 中使用.标有两个星号(**)的标签属性可于 Internet Explorer 5.5 中使用.带有两个加号(++)的标签属性可于 Internet Explorer 6 中使用.如果某个标签属性或属性已经提交给万维网协会(W3C)但尚未作为标准发布,则标有"已提交".若某个标签属性或属性既未提交给W3C也不是标准,将标有"扩展".

CSS box-flex属性,然后弹性盒子模型简介

张鑫旭博客的一篇css3盒模型文章,对我而言,实用价值挺大的,多次重复打开该文章学习,这一次决定转载到我的博客! 一.淡淡的开头语 昨天趁着不想工作的时间间隙闲逛24ways,在My CSS Wish List一文中,见到了个新鲜的CSS属性,就是题目中的box-flex,以前没有见过,顿生疑惑,不知是骡子还是马,于是习惯性谷歌之,真是不谷不知道,一谷吓一跳.倒不是该属性本身,而是此属性作为导火索,让我了解了下CSS3中新的盒子模型--弹性盒子模型(Flexible Box Model).对于我

XML用CSS控制属性时,在chrome打开有效果,但是在IE打开就没有用

问题描述 XML用CSS控制属性时,在chrome打开有效果,但是在IE打开就没有用 <?xml version=""1.0"" encoding=""UTF-8"" ?><?xml-stylesheet type=""text/css"" href=""config.css""?> 中国美国英国德国 #a1{ font-s