CSS border 属性

定义和用法

border 简写属性在一个声明设置所有的边框属性。

可以按顺序设置如下属性:

  • border-width
  • border-style
  • border-color                                                                                                                                                                                                                                                                                                             
    描述
    border-width 规定边框的宽度。参阅:border-width 中可能的值。
    border-style 规定边框的样式。参阅:border-style 中可能的值。
    border-color 规定边框的颜色。参阅:border-color 中可能的值。
    inherit 规定应该从父元素继承 border 属性的设置。

    如果不设置其中的某个值,也不会出问题,比如 border:solid #ff0000; 也是允许的。

    默认值:
    继承性:
    版本: CSS1
    JavaScript 语法: object.style.border="3px solid blue"

    查找更多CSS样式的用法,以及定义:http://www.w3school.com.cn

原文地址:https://www.cnblogs.com/hzyhx/p/11023617.html

时间: 2024-11-09 00:35:59

CSS border 属性的相关文章

CSS border 属性和 border-collapse 属性

border 简写属性在一个声明设置所有的边框属性. 可以按顺序设置如下属性: border-width border-style border-color 如果不设置其中的某个值,也不会出问题,比如 border:solid #ff0000; 也是允许的. CSS border-collapse 属性 border-collapse 属性设置表格的边框是否被合并为一个单一的边框,还是象在标准的 HTML 中那样分开显示. 可能的值 值 描述 separate 默认值.边框会被分开.不会忽略 b

巧妙用css border属性实现规则图形

首先:一个例子: #div1 { height:20px; width:20px; border-color:#FF9600 #3366ff #12ad2a #f0eb7a; border-style:solid; border-width:20px; } 此代码的效果图为: 中间白色为宽高各为20px的div1. 那么问题来了,要实现三角号,只需将div宽高设置为0,然后只设置一边的border显示即可 代码如下: #div2 { height:0; width:0; overflow: hi

Sass mixin 使用css border属性画三角形

To be finished. //triangle@mixin css-triangle ($direction: "down", $size: 20px, $color: #000, $fillColor:#fff) {    width: 0;     height: 0;    position: relative;    z-index: 0;    border-left: #{setTriangleSize($direction, "left", $s

CSS:不可思议的border属性

原文:Magic of CSS border property 译文:不可思议的CSS border属性 译者:dwqs 在CSS中,其border属性有很多的规则.对于一些事物,例如三角形或者其它的图像,我们仍然使用图片代替.但是现在就不需要了,我们可以用CSS形成一些基本图形,我分享了一些关于这方面的技巧. 1.正三角形: .triangle_up { height:0px; width:0px; border-bottom:50px solid #006633; border-left:5

css border画图

css border属性竟然可以用来画图,今天项目中遇到该问题,借此有机会深入了解了下. css border属性在我的印象当中只是方方正正的东西,无非就是增加边框的宽度,变换边框的颜色,因此一直以为边框不管怎么变换都是一个长方体,这个念头今天终于可以抛弃了. 先看下普通边框效果: .border1{width:50px; height:50px; border:2px solid; border-color:#ff3300 #0000ff #339966 #00ff00;}<div class

CSS border三角、圆角图形生成技术简介

http://www.zhangxinxu.com/wordpress/?p=794 一.前言 利用CSS的border属性可以生成一些图形,例如三角或是圆角.纯粹的CSS2的内容,没有兼容性的问题,我之前在纯CSS实现各类气球泡泡对话框效果一文中算是比较详细的讲述了CSS border属性生成三角的原理,以及实例.我觉得此技术相当实用的,故本文再次简单叙述一下,另外,本文还将展示可能并不为众人所知的CSS border圆角生成技术.好了,裹脚布的话就不说了,直接进入正题. 二.CSS bord

[转]图解CSS的padding,margin,border属性(详细介绍及举例说明)

图解CSS的padding,margin,border属性 W3C组织建议把所有网页上的对像都放在一个盒(box)中,设计师可以通过创建定义来控制这个盒的属性,这些对像包括段落.列表.标题.图片以及层.盒模型主要定义四个区域:内容(content).边框距(padding).边界(border)和边距(margin). 对于初学者,经常会搞不清楚margin,background-color,background-image,padding,content,border之间的层次.关系和相互影响

CSS border边框属性教程(color style)

CSS 边框即CSS border-border边框样式颜色.边框样式.边框宽度的语法结构与应用案例教程篇 一.CSS 边框基础知识 CSS 边框即CSS border是控制对象的边框边线宽度.颜色.虚线.实线等样式CSS属性.同时大家可以进入码农教程提供CSS手册查看border手册:http://www.manongjc.com/cssref/pr_border.html 二.Html原始边框与DIV+CSS边框对照 Html表格控制边框:border="1" bordercolo

CSS padding margin border属性详解

图解CSS padding.margin.border属性W3C组织建议把所有网页上的对像都放在一个盒(box)中,设计师可以通过创建定义来控制这个盒的属性,这些对像包括段落.列表.标题.图片以及层.盒模型主要定义四个区域:内容(content).内边距(padding).边框(border)和外边距(margin).对于初学者,经常会搞不清楚margin,background-color,background-image,padding,content,border之间的层次.关系和相互影响.