[2016-01-17][CSS][边框属性]

  • border 简写属性在一个声明设置所有的边框属性。可以按顺序设置如下属性:
    •  border-width 规定边框的宽度。
      • thin 定义细的边框。
        medium 默认。定义中等的边框。
        thick 定义粗的边框。
        length 允许您自定义边框的宽度。
        inherit 规定应该从父元素继承边框宽度。
    • border-style 规定边框的样式。
      • 描述
        none 定义无边框。
        hidden 与 "none" 相同。不过应用于表时除外,对于表,hidden 用于解决边框冲突。
        dotted 定义点状边框。在大多数浏览器中呈现为实线。
        dashed 定义虚线。在大多数浏览器中呈现为实线。
        solid 定义实线。
        double 定义双线。双线的宽度等于 border-width 的值。
        groove 定义 3D 凹槽边框。其效果取决于 border-color 的值。
        ridge 定义 3D 垄状边框。其效果取决于 border-color 的值。
        inset 定义 3D inset 边框。其效果取决于 border-color 的值。
        outset 定义 3D outset 边框。其效果取决于 border-color 的值。
        inherit 规定应该从父元素继承边框样式。
    • border-color 规定边框的颜色
      • 描述
        color_name 规定颜色值为颜色名称的边框颜色(比如 red)。
        hex_number 规定颜色值为十六进制值的边框颜色(比如 #ff0000)。
        rgb_number 规定颜色值为 rgb 代码的边框颜色(比如 rgb(255,0,0))。
        transparent 默认值。边框颜色为透明。
        inherit 规定应该从父元素继承边框颜色。
    • 单独设置某个边框的风格:
      • border-某个边框-属性:属性值;
      • 某个边框可以是 top bottom left right
      • 属性和属性值和上面一样

来自为知笔记(Wiz)

时间: 2024-10-15 11:12:29

[2016-01-17][CSS][边框属性]的相关文章

css边框属性详细总结

元素外边距内就是元素的的边框 (border).元素的边框就是围绕元素内容和内边据的一条或多条线. 边框的样式 (border-style) 样式是边框最重要的一个方面,这不是因为样式控制着边框的显示(当然,样式确实控制着边框的显示),而是因为如果没有样式,将根本没有边框. a,css 边框样式分为10种不同的非inherit样式:如下: 统一风格 1,none 无边框 2,solid 直线边框 3,dashed 虚线边框 4,dotted 点状边框 5,double 双虚线边框 6,groov

CSS .css边框属性(border)

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>边框属性</title> <style> /*.box{ height: 100px; width: 100px; background-color: #3385ff; border-top:1px double #000; border-rig

css边框属性

border 在一个声明中设置所有的边框属性: border-bottom 在一个声明中设置所有的下边框属性: border-bottom-color 设置下边框的颜色: border-bottom-style 设置下边框的样式: border-bottom-width 设置下边框的宽度: border-color 设置四条边框的颜色: border-left 在一个声明中设置所有的左边框属性: border-left-style 设置左边框的样式了: border-left-width 设置左

分布式技术一周技术动态 2016.01.17

分布式系统实践 1. Apache HBase 2015年发展回顾与未来展望 https://mp.weixin.qq.com/s?__biz=MzAwMDU1MTE1OQ==&mid=403219545&idx=1&sn=119613ae7d52de9c033b3ed0598bae6a&scene=0&key=41ecb04b05111003bd0affa70f2b91e7b66a30a4d6c249144a35c4803953e9154f772362b0679f

Css3之基础-3 Css 尺寸单位、尺寸属性与边框属性

一.CSS 单位 尺寸单位 - %  : 百分比 - in : 英寸 - cm : 厘米 - mm : 毫米 - pt : 磅(1pt等于1/72英寸) - px : 像素(计算机屏幕上的一个点) - em : 1em等于当前的字体尺寸,2em等于当前字体尺寸的两倍 颜色单位 - rgb(x,x,x)   : RGB 值,如 rgb(255,0,0) - rgb(x%,x%,x%): RGB 百分比值,如 rgb(100%,0%,0%) - #rrggbb:十六进制数,如 #ff0000 - #

css学习----边框属性

CSS 边框属性 参考手册:http://www.runoob.com/css3/css3-borders.html 边框属性有三个 border-radius--------------------------处理边框圆角 box-shadow----------------------------处理边框阴影 border-image--------------------------在使用图片创建边框: border-radius:length(或者百分比)---简写统一设置四个角 每个半

CSS边框与边界

CSS边框与边界 1.CSS 边框属性 CSS边框属性允许你指定一个元素边框的样式和颜色. 1.1.边框样式 边框样式属性指定要显示什么样的边界. border-style属性用来定义边框的样式 1.2.边框宽度 您可以通过 border-width 属性为边框指定宽度. 为边框指定宽度有两种方法:可以指定长度值,比如 2px 或 0.1em:或者使用 3 个关键字之一,它们分别是 thin .medium(默认值) 和 thick. 注意:CSS 没有定义 3 个关键字的具体宽度,所以一个用户

css之属性部分

这篇写的是今天的学习到的属性,一共20个. 属性再多,但也要会使用,会在使用时可以记起它,才能起到它为我们所需要的作用. 样式属性 1.border CSS边框属性允许你指定一个元素边框的样式和颜色. 边框样式border-style 属性用来定义边框的样式 none: 默认无边框 dotted: dotted:定义一个点线框 dashed: 定义一个虚线框 solid: 定义实线边界 double: 定义两个边界. 两个边界的宽度和border-width的值相同 groove: 定义3D沟槽

CSS 边框

CSS 边框属性 CSS边框属性允许你指定一个元素边框的样式和颜色. 边框样式 边框样式属性指定要显示什么样的边界.  border-style属性用来定义边框的样式 border-style 值: none: 默认无边框 dotted: dotted:定义一个点线框 dashed: 定义一个虚线框 solid: 定义实线边界 double: 定义两个边界. 两个边界的宽度和border-width的值相同 groove: 定义3D沟槽边界.效果取决于边界的颜色值 ridge: 定义3D脊边界.