为什么border-width不支持百分比

最新推荐文章于 2025-04-15 09:59:53 发布
最新推荐文章于 2025-04-15 09:59:53 发布
阅读量2.3k 收藏
点赞数 2
分类专栏： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/zhm0303/article/details/53992486
版权

border-width不支持百分比的原因大概是，边框一般不会根据比例进行缩放，就像手机的边框和电脑的边框其实差不了多少

border-width不支持百分比，但是支持关键字，thin（1px），medium（默认3px） ,thick(5px).

delphi函数参考手册
s13596191285的博客
02-10 308
名称 类型 说明 ---------------------------------------------------------------------------------- abort 函数 引起放弃的意外处理 abs 函数 绝对值函数 addexitproc 函数 将一过程添加到运行时库的结束过程表中 addr 函数 返回指定对象的地址 adjustlinebreaks 函数 将给定字符串的行分隔符调整为cr/lf序列 align 属性 使控件位于窗口某部分 alignment 属性
border之border-width不支持百分比
郑志雄
03-29 4186
border-width不支持百分比在css中margin，padding是支持百分比的，但是border-width却不支持百分比，为什么margin，padding是可以支持的呢，只能从语义去分析border-width的属性意义呢，如手机屏的边框是5px,如果将手机屏幕放大到电脑屏幕那样的尺寸，不应该随着电脑屏的增加而增加，边框仍然应该是5px.当然css类似的属性还有box-shadow,t
border，border-width不支持百分比
weixin_30385925的博客
09-28 202
1.border-width不支持百分比 原因：不会因为设备大就按比例变大 同样的，outline，box-shadow，text-shadow也不支持百分比 也就是border不支持百分比 2.border-width还支持关键字 如：thin，medium（默认值），thick thin：薄薄的，1px medium：薄厚均匀，3px thick：厚厚的，5px 注意：bor...
深入了解 border
p1967914901的博客
06-23 986
盒尺寸中的 4 个盒子 content box、padding box、border box 和 margin box 分别对应 CSS 中的 、、和 属性，本文我们的主角是 border box。下面我们一起看看 都有哪些精彩的特性表现。虽然同属盒模型基本成员，但是 却不支持百分比。例如，设置： 是无效的，直接声明无效。这一点和 和 都不一样，下面问题来了：为什么 不支持百分比呢？顾名思义， 是“边框宽度”，我们先来看看现实世界的物体的边框，假设我们现在有两台数码设备，分别是 iMac 和 i
border的一些理解
yangchunshang的博客
10-29 3050
1、border-width （1）border-width不支持百分比，受其本身的语义和使用场景决定的。border 没有继承性，如果使用百分比，那么就没有参考对象，浏览器解析就不知道 百分数应该乘以谁来确定边框的宽度，所以只能用指定值的大小来确定。 （2）border-width还支持关键字：thin(1px),medium(默认值，3px),thick(5px) （3）为什么默认设置...
uni-app —— nvue在css中的注意点
assassin_0302的博客
09-23 2838
nvue就是weex。 不支持width：50%这种百分比的写法，把屏幕分成750px的宽度。 任何大小的屏幕都会被转换成750px的一个宽度 750px == 100% width:50% 应该写成width:375px 同理高度1250px == 100% 样式类只支持单类,不支持 .box > div这种写法，建议每个html元素都写上类名 样式引入： css不能合着写： border：1px solid #ccc 是不会生效的。要拆开写 注...
CSS border-width 属性使用教程
09-25
`border-width`属性在所有现代浏览器中都是完全支持的，包括IE8及更高版本。因此，你可以安全地在你的项目中使用它，无需担心浏览器兼容问题。 总结，`border-width`是CSS中一个强大且灵活的工具，它使得你可以对...
详解CSS3中border-image的使用
09-25
例如，如果你想让边框随着`border-width`的变化而改变，你可以结合`border-width`和`border-image`一起使用，确保`border-style`设置为`solid`或其他非`none`值。 例如，一个简单的例子： ```css div { border-...
iOS下border-image不起作用的解决办法
08-30
为了解决这个问题，我们可以将`border`属性拆分为单独的`border-style`和`border-width`，确保边框样式明确为`solid`，宽度为6像素，同时保留`border-image`： ```css .example { ... border-style: solid; ...
深入剖析width与max-width/min-width属性（百分比）
cwz59186的博客
05-20 7100
本博客意在剖析width与max-width/min-width属性 width和max-width/min-width属性均属于CSS中常用属性，其中 width属性设置元素的宽度。默认情况下，它会设置内容区域的宽度，但是如果box-sizing设置为border-box，它会设置边框区域的宽度 max-width/min-width属性设置元素的最大/最小宽度。它可以防止使用的width属性值变得比max-width指定的值大/小，值得注意的是，min-width属性会覆盖max-width属性，
HTML边框百分比,如何设置百分比的边框粗细？
weixin_39548193的博客
06-20 301
郎朗坤边框不支持百分比...但仍有可能...正如其他人指出的CSS规范，边框不支持百分比：'border-top-width','border-right-width','border-bottom-width','border-left-width' Value: | inherit Initial: medium Applies to: all ...
带border的百分比布局
weixin_33747129的博客
09-01 475
2019独角兽企业重金招聘Python工程师标准>>> ...
带border的响应式布局
ITBwy的博客
09-23 898
击败边框：带border的百分比布局   (2013-12-03 14:00:06) 转载▼   分类： html,css 响应式Web设计经常需要我们通过百分比设置组件宽度。如果我们不考虑边框，那么很容易就可以实现，但如果你给每一列以及总宽度都采用百分比设置，那这个时候固定的边框大小就会出来捣乱。下面我们将看到一组方法去解决这个问题，你
html中百分比的使用,html – CSS – 如何在`border- *`属性中使用百分比？
weixin_39685697的博客
06-11 292
我有使用Twitter Bootstrap 3的代码,使用右箭头导航,我使用border- *属性创建.但是,如果我在右箭头中使用非常长的文本,它不会扩展,如果我使用百分比,代码将无法正常工作……A long long textSmall textA long long long long long long long long long textSmall text 111.custom-nav...
CSS篇：彻底搞懂CSS百分比边距：margin-top和padding-top的计算原理
最新发布
欢迎来到我的前端博客！这里汇集了关于前端开发的最新技术、实用工具和经验分享。我将为你提供详细的教程、代码示例和实战案例，帮助你掌握Web开发的核心概念和技能。不论你是初学者还是有经验的开发者，这个博客都适合你。
04-15 1000
理解CSS百分比边距的计算原理，可以帮助我们避免很多布局上的困惑，也能让我们更精准地控制页面元素的空间关系。记住这个简单的规则：在CSS中，垂直方向的百分比边距（margin/padding-top/bottom）都是基于包含块的宽度计算的。
padding-top的值用的是百分比，实际显示的不是父元素高度的百分比，而是宽度的百分比！margin-top同理
welifeCoder的博客
11-19 3106
padding-top/margin-top设为百分比时，取父元素宽的百分比！
border的深入理解
女神修炼日记
01-27 492
一、border-width不支持百分比  原因是受语义和场景限制的，所谓边框是不会因为设备大就按比例大小的。border-width支持关键字：thin，medium，thick，但是IE7除外。 二、border-style 类型  Chrome/Firefox下，虚线宽高比为3:1，但是在IE下宽高比则为2:1； border-style:dotted虚线，在Chrome/Fir
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值