值
描述
thin
定义细的边框。
medium
默认。定义中等的边框。
thick
定义粗的边框。
length
允许您自定义边框的宽度。
inherit
规定应该从父元素继承边框宽度。
border-width:thin medium thick 10px;
border-width:thin medium thick;
border-width:thin medium;
border-width:thin;
您还没有登录,请您登录后再发表评论
让IE实现CSS3中的border-radius(圆角)
CSS3中的box-sizing 属性允许以特定的方式来指定盒模型,有两种方式: content-box:标准盒模型,又叫做 W3C盒模型,一般在现代浏览器中使用的都是这个盒模型 border-box:怪异盒模型,低版本IE浏览器中的盒模型 ...
CSS边界属性 border属性的解析器和字符串化器 安装 $ npm install css-border-property 用法 var border = require ( 'css-border-property' ) border . parse ( '1px solid #eee' ) /* [ { property: 'border-...
border-width的取值 thin: 细 medium: 中 thick: 粗 <length>: 长度表示法 上面的宽度值有下面的关系: thin<medium<thick 提示: border-width不能使用百分比而且不能取负值,只能使用长度.(例如:px,em
这个radius属性,可不只是设置圆角,还可以用来画一些简单的图形。 画个圆形 #demo1 { width:100px; height:100px; background:red; border-radius: 50%; } 上述50%就是说设置各边圆角都为50%。 那么如何画个...
border-style — 定义边框的样式 取值:<border>{1,4} | inherit <border>{1,4}: 边框样式 inherit: 继承 初始值: none 继承性: 否 适用于: 所有元素 border:边框,style:样式 border-style和border-width的赋值方式是...
border border-color border-style border-width border-top border-top-color border-top-style border-top-width border-right border-right-color border-right-style border-right-width border-bottom border-...
CSS Properties Reference 样式表属性 字体 Font fontcolorfont-familyfont-sizefont-size-adjustfont-stretchfont-stylefont-weighttext-decorationtext-underline-positiontext-shadowfont-varianttext-...
color — 定义四个边框的颜色 取值:[ <color> | transparent ]{1,4} | inherit <color>{1,4}: 颜色表示法 transparent{1,4}: 透明 inherit: 继承 初始值: 同color属性的默认值 继承性: 否 适用于: 所有元素 border:...
最近在项目中用到了border-image,一直是只知其名,不知其用。 最终效果是这样的:且随着border宽度变化。下图灰色部分带斜纹的是border 先看下css: CSS Code复制内容到剪贴板 border-width: 40px; border-...
我们知道在CSS中边框的使用是非常重要的,我们这里就介绍一下CSS的边框属性( border)如何使用。边框是围绕在内容和内边距之间的一条或多条线。内容的内边距和外间距之间的间隙是留给边框的,CSS可以用边框属性来定义...
border-collapse属性 很好的解决了纠结了很久的问题 CSS 复制代码代码如下:.table{border: 1px solid #ccc;border-collapse: collapse; width:80%;}.table th,.table td{border: 1px solid #ccc;padding: 10px;} ...
background-origin用来规定元素背景图像的相对定位位置,它有三个属性值: 1、border-box border-box表示元素背景图像相对于border区域开始定位。 代码如下: <!doctype html> <html> <head> <...
border属性介绍 border属性设置元素边框。 边框3个要素如:粗细、线型、颜色。 边框线型属性值说明表如: 属性指 描述 none 定义无边框。 hidden 与 none 相同。不过应用于表时除外,对于表,...
CSS 边框属性(Border 和 Outline) 属性 描述 CSS border 在一个声明中设置所有的边框属性。 1 border-bottom 在一个声明中设置所有的下边框属性。 1 border-bottom-color 设置下边框的颜色。 2 border-bottom-...
相关属性 : border-image:border-top-image , border-right-image , border-bottom-image , border-left-image border-corner-image:border-top-left-image , border-top-right-image , border-bottom-left-...
box-sizing属性包括content-box(default),border-box,padding-box。 1、content-box,border和padding不计算入width之内 2、padding-box,padding计算入width内 3、border-box,border和padding计算入...
相关推荐
让IE实现CSS3中的border-radius(圆角)
CSS3中的box-sizing 属性允许以特定的方式来指定盒模型,有两种方式: content-box:标准盒模型,又叫做 W3C盒模型,一般在现代浏览器中使用的都是这个盒模型 border-box:怪异盒模型,低版本IE浏览器中的盒模型 ...
CSS边界属性 border属性的解析器和字符串化器 安装 $ npm install css-border-property 用法 var border = require ( 'css-border-property' ) border . parse ( '1px solid #eee' ) /* [ { property: 'border-...
border-width的取值 thin: 细 medium: 中 thick: 粗 <length>: 长度表示法 上面的宽度值有下面的关系: thin<medium<thick 提示: border-width不能使用百分比而且不能取负值,只能使用长度.(例如:px,em
这个radius属性,可不只是设置圆角,还可以用来画一些简单的图形。 画个圆形 #demo1 { width:100px; height:100px; background:red; border-radius: 50%; } 上述50%就是说设置各边圆角都为50%。 那么如何画个...
border-style — 定义边框的样式 取值:<border>{1,4} | inherit <border>{1,4}: 边框样式 inherit: 继承 初始值: none 继承性: 否 适用于: 所有元素 border:边框,style:样式 border-style和border-width的赋值方式是...
border border-color border-style border-width border-top border-top-color border-top-style border-top-width border-right border-right-color border-right-style border-right-width border-bottom border-...
CSS Properties Reference 样式表属性 字体 Font fontcolorfont-familyfont-sizefont-size-adjustfont-stretchfont-stylefont-weighttext-decorationtext-underline-positiontext-shadowfont-varianttext-...
color — 定义四个边框的颜色 取值:[ <color> | transparent ]{1,4} | inherit <color>{1,4}: 颜色表示法 transparent{1,4}: 透明 inherit: 继承 初始值: 同color属性的默认值 继承性: 否 适用于: 所有元素 border:...
最近在项目中用到了border-image,一直是只知其名,不知其用。 最终效果是这样的:且随着border宽度变化。下图灰色部分带斜纹的是border 先看下css: CSS Code复制内容到剪贴板 border-width: 40px; border-...
我们知道在CSS中边框的使用是非常重要的,我们这里就介绍一下CSS的边框属性( border)如何使用。边框是围绕在内容和内边距之间的一条或多条线。内容的内边距和外间距之间的间隙是留给边框的,CSS可以用边框属性来定义...
border-collapse属性 很好的解决了纠结了很久的问题 CSS 复制代码代码如下:.table{border: 1px solid #ccc;border-collapse: collapse; width:80%;}.table th,.table td{border: 1px solid #ccc;padding: 10px;} ...
background-origin用来规定元素背景图像的相对定位位置,它有三个属性值: 1、border-box border-box表示元素背景图像相对于border区域开始定位。 代码如下: <!doctype html> <html> <head> <...
border属性介绍 border属性设置元素边框。 边框3个要素如:粗细、线型、颜色。 边框线型属性值说明表如: 属性指 描述 none 定义无边框。 hidden 与 none 相同。不过应用于表时除外,对于表,...
CSS 边框属性(Border 和 Outline) 属性 描述 CSS border 在一个声明中设置所有的边框属性。 1 border-bottom 在一个声明中设置所有的下边框属性。 1 border-bottom-color 设置下边框的颜色。 2 border-bottom-...
相关属性 : border-image:border-top-image , border-right-image , border-bottom-image , border-left-image border-corner-image:border-top-left-image , border-top-right-image , border-bottom-left-...
box-sizing属性包括content-box(default),border-box,padding-box。 1、content-box,border和padding不计算入width之内 2、padding-box,padding计算入width内 3、border-box,border和padding计算入...