border:none与border:0使用区别

web前端|css教程

css,border

web前端-css教程

A、border:none
border-style的简写
在chrome审查元素看到以下结果

手机电影网源码,vscode鼠标缩放,ubuntu重装系统前拷贝文件,tomcat入门+pdf,sqlite3.so,加载网络图片插件,手机app前端框架有哪些,python大作业有关爬虫,php 取文件后缀,SEO高级查询,洛阳教育培训门户网站源码,坦克大战游戏网页版,拼车网站模板lzw

element.style {
border: none;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-width: initial;
border-color: initial;
}

在firefox中用firebug查看元素会看到以下结果：

站长源码中心,ubuntu 树莓派调试,爬虫登录cs系统,php单选列表,seo预算时间lzw

element.style {
    border: medium none;
}

注意这个medium值
B、border:0
border-width的简写
在chrome审查元素看到以下结果

时时彩源码购买,vscode加载外部库,ubuntu php重启,如何修改tomcat密钥,sqlite重复数据查询,分布式爬虫训练实训项目,阿里云php版本,nuxt如何做好seo,uc浏览器网站项目展示ppt,影豆网模板lzw

element.style {
border: 0;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-style: initial;
border-color: initial;
}

在firefox中用firebug查看元素会看到以下结果：

element.style {
    border: 0 none;
}

注意在firebug中border:none和border:0的区别
下面举个例子来具体说明下


div {border: 1px solid black; margin: 1em;}
.zerotest div {border: 0;}
.nonetest div {border: none;}
div.setwidth {border-width: 3px;}
div.setstyle {border-style: dashed;}
"Border: 0" and "border-width: 3px"
"Border: 0" and "border-style: dashed"