首页 > 试题广场 >

下述有关 border:none 以及 border:0 的

[不定项选择题]

下述有关 border:none 以及 border:0 的区别，描述错误的是？

```
border:none 表示边框样式无
```
```
border:0 表示边框宽度为 0
```

当定义了 border:none，即隐藏了边框的显示，实际就是边框宽度为 0

当定义边框时，仅设置边框宽度也可以达到显示的效果

推荐

zmnk

C,D

C:当定义border:none时，表示无边框样式，浏览器并不会对边框进行渲染，也就没有实际的宽度；

D:定义边框时，除了设置宽度外，还必须设置边框的样式才能显示出来。

编辑于 2015-12-13 22:11:41 回复(9)

Mr.Apple

1.效果

border-style:none;//无边框

border-width:0;//边框宽度为0px

2.区别

（1）性能差异

border:0;浏览器对border-width、border-color进行渲染，占用内存。

border:none;浏览器不进行渲染，不占用内存。

Chrome：

border:none;>> border:initial none initial;

border:0;>> border:0 initial initial ;

Firefox、360：

border:none; >>border:medium none;

border:0;>> border:0 none;

计算出的样式：

border:0px none 元素color属性值;

（2）浏览器兼容

IE7-不支持border:none;

W3C提示：请始终把border-style属性声明到border-color属性之前，元素必须在改变颜色之前获得边框。

参考网站：https://segmentfault.com/q/1010000000694683/a-1020000001818777

发表于 2016-05-03 17:56:54 回复(6)

过往容颜.

border:none表示边框样式无,border:0表示边框宽度为0;当定义了border:none,即隐藏了边框的显示,实际就是边框宽度为0.
当定义边框时,必须定义边框的显示样式.因为边框默认样式为不显示none,所以仅设置边框宽度,由于样式不存在,边框的宽度也自动被设置为0.

编辑于 2015-09-11 16:59:23 回复(2)

白水缘

设置了宽度却没有样式，不会显示，错。

border：none；会被浏览器解析为border-style：none；border-width：0，对。

发表于 2015-02-09 15:38:31 回复(1)

kyKyky我的

定义了border：none，隐藏了边框的显示，边框宽度会被设置未initial，使用值为0

定义边框时，border-style必须设定，并且不为none或hidden时边框才会显示

发表于 2018-08-08 11:08:42 回复(0)

雄起的小巨人

只要border没有样式，就没有边框

发表于 2015-09-02 11:12:56 回复(0)

一正

答案居然是两个C和D
这个是多项选择，

我晕了

发表于 2022-01-12 14:35:15 回复(0)

ct_cuc

边框属性。可以设置的属性分别为（按顺序）border：border-width border-style border-color。其中 border-style属性值不可省略！

但border：10px，这种仅设置边框宽度无法显示出边框。所以第四个选项错误。

border：none定义无边框，而不是隐藏。所以第三个选项错。

none	定义无边框。
hidden	与 "none" 相同。不过应用于表时除外，对于表，hidden 用于解决边框冲突。

发表于 2017-04-01 18:13:01 回复(0)

sally127

D 仅设置边框宽度不能显示边框，还要指定边框形式如solid 可以不指定颜色，亲测验证

发表于 2015-06-30 16:20:55 回复(0)

冰冰的心

我感觉none就是没去考试，0就是考试得0分

发表于 2023-02-23 19:46:41 回复(0)

^＿^

D 选项（错）仅设置border:solid就可以显示边框

发表于 2018-03-30 21:03:37 回复(1)

还需继续努力

border:none意味着妮设置了边框样式和宽度，加上这句话，不显示，但是你仍然设置了

发表于 2023-06-01 16:06:52 回复(0)

牛客995063405号

这题有问题吧，d说的可以，没说一定，说可以为什么是错的

发表于 2022-07-17 17:14:57 回复(0)

ianutin

C没有设置边框样式，不存在宽度属性；D还需要设置的边框的显示样式才能看见（默认是none看不见的）

编辑于 2022-01-04 11:31:11 回复(0)

mc小冰

C, D;

border: none 相当于dom没有边框这个东西

border: 1 or 0 都不会有边框的显示效果。因为边框此时还没有颜色和样式。

发表于 2021-11-18 11:27:45 回复(0)

petie

d为啥不对啊直接设置border-width一样能出来啊

发表于 2021-11-10 15:34:15 回复(0)

牛客279412974号

c.定义边框为border:none是无的意思，不存在，没有边框，不能说成0 d.定义边框border:1px red soild ,三个都不可少，边框宽度是多少，px,em,rem;red,rgb,rgba;solid,dotted,dashed

发表于 2021-06-21 16:35:15 回复(0)

牛客398594196号

<p>Border:宽度线型颜色；</p><p>Boder:1px solid red</p>

发表于 2021-04-20 23:47:59 回复(0)

Hayle

C中不存在这个关系

发表于 2021-04-20 11:12:41 回复(0)

牛客891317452号

C挺对的。

发表于 2021-01-25 15:06:16 回复(0)

你是无意穿堂风灬偏偏孤据引山洪

怎么突然出现一个多选题

发表于 2020-09-23 00:15:58 回复(0)

提交观点

问题信息

CSS 腾讯 HTML

来自：前端工程师能力评估

上传者：小小

难度：

61条回答 4103收藏 31227浏览

下述有关 border:none 以及 border:0 的

问题信息

热门推荐

相关试题