看看这个实例，我不理解，我觉得width,height,padding属性不是应该拿出来写吗？为什么写到边框颜色的属性里面去了?
为什么border-color的属性值里面可以写width,height,padding?
看看这个实例，我不理解，我觉得width,height,padding属性不是应该拿出来写吗？为什么写到边框颜色的属性里面去了?
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
4条回答 默认 最新
落落Plus 2021-10-27 11:57关注
分号。 不是一句！！！！！！
书可能为了节省纸 没有换行打印本回答被题主选为最佳回答 , 对您是否有帮助呢?评论 打赏解决 3无用举报 分享
- 2022-02-25 10:00DIUDIUjiang的博客 • 如果一个元素不添加width 属性，默认属性值为auto，不同的元素浏览器会根据其 特点自动计算出实际宽度，例如 <div>元素等独占一行的，其 width 属性的值会自 动撑满父元素的 width 区域，如果是<span&...
- 2024-07-08 16:18abments的博客 元素被设置为宽度300像素、高度150像素的块级元素，具有20像素的内边距和5像素的实线黑色边框。这样设置可以确保元素的内容与边框之间有足够的空间，同时边框明确地定义了元素的外边界。用于控制元素内容与边框之间...
- 2021-11-10 11:23溪雪的博客 设置box-sizing:border-box后，就会将padding、border、margin的值算入width和 height里面去了，使得 总元素的宽度 = width的值 、总元素的高度 = height。 box-sizing: content-box 其实就是默认的，将padding...
- 2025-05-22 09:26哎呦你好的博客 通过系统学习这些边框技巧，你可以轻松实现从基础到高级的各种边框效果。
- 2025-02-28 22:03Book_熬夜！的博客 CSS—背景属性与盒子模型（border、padding、margin），圆角属性border-radius、border-image
- 2024-10-20 22:41
CSS3 动画相关属性实例大全（六)（outline 、outline-color 、outline-offset、outline-width、padding、padding-bottom、paddi逆境清醒的博客 CSS3 动画相关属性实例大全（六)（outline 、outline-color 、outline-offset、outline-width、padding、padding-bottom、padding-left 、padding-right 、padding-top、perspective属性） - 2022-11-26 17:39MY Daisy的博客 盒子模型组成：边框border\内边距padding\外边距margin\内容content
- 2021-12-14 09:03weixin_42220130的博客 width=元素本身的宽度,不含margin,padding,border, height=元素本身的宽度，不含margin,padding,border, 但是如果写了box-sizing: border-box; 还有padding的值，border值的话 width=元素宽度+padding-left+padding-...
- 2025-05-22 16:16哎呦你好的博客 当用图片做边框时，还要考虑到一个问题，如何适应边框的宽高变化，并且图片不变形？本文深入解析 CSS border-image，用图片打造个性化边框。下图的效果就是利用border-image属性实现的图片边框自适应。
- 2018-06-20 14:02lilly呀的博客 从最开始学习CSS的时候，就了解了盒模型的概念，今天，我们从其中的box-sizing:border-box;的属性入手，来重新认识一下盒模型在实际项目中的运用。 背景：先声明一下运用的场景，假如项目布局使用的是自适应的布局...
- 2024-10-19 05:58逆境清醒的博客 CSS3 动画相关属性实例大全（1)（@keyframes ，background属性，border 属性）
- 2024-02-29 21:09uebest的博客 box-sizing: border-box
- 2024-06-17 16:03读心悦的博客 综上所述，background-clip和background-position在CSS中各自扮演不同的角色，用于实现不同的视觉效果和布局需求。在使用时，你需要根据具体的设计要求来选择合适的属性和值。.../* 使用不同的background-clip属性值 */
- 2021-10-20 15:08九哥666的博客 通过js获取width、height、padding、border、margin样式失败 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解...
- 2020-12-01 07:56weixin_39785858的博客 要想清楚这个属性的作用，首先要理解盒子模型，盒子模型是指：外边距（margin）+ border（边框） + 内边距（padding）+ content（内容），可以把每一个容器，比如div，都看做是一个盒子模型比如你给一个div设置宽...
- 2024-08-20 16:34V。on的博客 属性允许开发者使用图片来定义元素的边框，替代了传统的纯色边框。这个属性实际上是一个简写属性，聚合了多个子属性，包括用于定义图片源、切片方式、边框宽度、外扩以及平铺模式的设置。下。
- 2024-07-23 22:43锦天的博客 和它的两个属性值是做什么用的？以前我并不知道它的存在，也做了很久的前端开发。等宽高属性的值 究竟落实到盒子box的哪一部分？当对一个用作容器的DOM元素设置了。
- 2024-11-05 23:51小蜗牛764号的博客 我们可以在ArkUI 中使用内外边距（padding 和 margin）、边框（border）以及圆角（borderRadius）来调整组件的布局和外观。这些样式是前端开发中常用的布局技巧，能够大幅提升界面的美观性和可用性。每个组件的常见...
- 2025-07-30 10:28啦工作呢的博客 功能语法示例统一圆角border-radius: 值;椭圆圆角border-radius: 水平 / 垂直;正圆+ 宽高相等半圆两个对角为0，另两个为高度值。
- 2022-06-15 11:30<阿睿>的博客 对于默认的盒子模型 : 当一个盒子的总宽度确定之后，要想给盒子添加边框或内边距，往往需要更改 width属性值，才能保证盒子总宽度不变，操作起来烦琐且容易出错，运用CSS3的box-sizing属性可以轻松解决这个问题。...
- 没有解决我的问题, 去提问
问题事件
系统已结题
11月6日
已采纳回答
10月29日-
创建了问题
10月27日