`
444878909
  • 浏览: 638987 次
文章分类
社区版块
存档分类
最新评论

css中border-width 属性

 
阅读更多

border-width属性可能的值

描述

thin

定义细的边框。

medium

默认。定义中等的边框。

thick

定义粗的边框。

length

允许您自定义边框的宽度。

inherit

规定应该从父元素继承边框宽度。

例子 1

border-width:thin medium thick 10px;
  • 上边框是细边框
  • 右边框是中等边框
  • 下边框是粗边框
  • 左边框是 10px 宽的边框

例子 2

border-width:thin medium thick;
  • 上边框是 10px
  • 右边框和左边框是中等边框
  • 下边框是粗边框

例子 3

border-width:thin medium;
  • 上边框和下边框是细边框
  • 右边框和左边框是中等边框

例子 4

border-width:thin;

分享到:
评论

相关推荐

    IE实现CSS3中的border-radius(圆角)

    让IE实现CSS3中的border-radius(圆角)

    详解CSS3中的box-sizing(content-box与border-box)

    CSS3中的box-sizing 属性允许以特定的方式来指定盒模型,有两种方式: content-box:标准盒模型,又叫做 W3C盒模型,一般在现代浏览器中使用的都是这个盒模型 border-box:怪异盒模型,低版本IE浏览器中的盒模型 ...

    css-border-property:边框属性的解析器和字符串化器

    CSS边界属性 border属性的解析器和字符串化器 安装 $ npm install css-border-property 用法 var border = require ( 'css-border-property' ) border . parse ( '1px solid #eee' ) /* [ { property: 'border-...

    CSS border-width 属性使用教程

    border-width的取值 thin: 细 medium: 中 thick: 粗 <length>: 长度表示法 上面的宽度值有下面的关系: thin<medium<thick 提示: border-width不能使用百分比而且不能取负值,只能使用长度.(例如:px,em

    css3 border-radius属性详解

    这个radius属性,可不只是设置圆角,还可以用来画一些简单的图形。 画个圆形 #demo1 { width:100px; height:100px; background:red; border-radius: 50%; } 上述50%就是说设置各边圆角都为50%。 那么如何画个...

    CSS border-style 属性使用方法

    border-style — 定义边框的样式 取值:<border>{1,4} | inherit <border>{1,4}: 边框样式 inherit: 继承 初始值: none 继承性: 否 适用于: 所有元素 border:边框,style:样式 border-style和border-width的赋值方式是...

    css2中文手册 学习css的必选

    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-...

    html 版 CSS中文速查手册

    CSS Properties Reference 样式表属性  字体 Font fontcolorfont-familyfont-sizefont-size-adjustfont-stretchfont-stylefont-weighttext-decorationtext-underline-positiontext-shadowfont-varianttext-...

    CSS border-color 属性使用方法

    color — 定义四个边框的颜色 取值:[ <color> | transparent ]{1,4} | inherit <color>{1,4}: 颜色表示法 transparent{1,4}: 透明 inherit: 继承 初始值: 同color属性的默认值 继承性: 否 适用于: 所有元素 border:...

    详解CSS3中border-image的使用

    最近在项目中用到了border-image,一直是只知其名,不知其用。 最终效果是这样的:且随着border宽度变化。下图灰色部分带斜纹的是border 先看下css: CSS Code复制内容到剪贴板 border-width: 40px; border-...

    精彩绝伦CSS2

    我们知道在CSS中边框的使用是非常重要的,我们这里就介绍一下CSS的边框属性( border)如何使用。边框是围绕在内容和内边距之间的一条或多条线。内容的内边距和外间距之间的间隙是留给边框的,CSS可以用边框属性来定义...

    一个属性border-collapse解决Table的边框问题

    border-collapse属性 很好的解决了纠结了很久的问题 CSS 复制代码代码如下:.table{border: 1px solid #ccc;border-collapse: collapse; width:80%;}.table th,.table td{border: 1px solid #ccc;padding: 10px;} ...

    css中background-origin属性的使用解析

    background-origin用来规定元素背景图像的相对定位位置,它有三个属性值: 1、border-box border-box表示元素背景图像相对于border区域开始定位。 代码如下: <!doctype html> <html> <head> <...

    浅析css中使用border属性与display属性的方法

    border属性介绍 border属性设置元素边框。 边框3个要素如:粗细、线型、颜色。 边框线型属性值说明表如:      属性指 描述 none 定义无边框。 hidden 与 none 相同。不过应用于表时除外,对于表,...

    css参考手册

    CSS 边框属性(Border 和 Outline) 属性 描述 CSS border 在一个声明中设置所有的边框属性。 1 border-bottom 在一个声明中设置所有的下边框属性。 1 border-bottom-color 设置下边框的颜色。 2 border-bottom-...

    css3.0手册 doc版

    相关属性 : 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-...

    CSS3 box-sizing属性详解

    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计算入...

Global site tag (gtag.js) - Google Analytics