正确：边框属性（如border、border-width等）属于盒模型，CSS规范明确设为不可继承，以避免嵌套元素出现“框中框”的视觉混乱，确保布局可控；需显式设置或使用inherit关键字强制继承。
因为边框这类属性属于盒模型的一部分，CSS规范明确将其设计为不可继承——这不是疏漏，而是有意为之的设计选择。
border 为什么不能继承？
如果 border 可以继承，嵌套结构里每个子元素都会自动带上父级的边框，页面会立刻变得视觉混乱。比如一个 <div> 设了 border: 1px solid #ccc，它内部的 <p>、<span>、<ul> 全都继承边框，结果就是满屏“框中框”。CSS 的设计目标之一是可控性，盒模型相关属性（border、margin、padding、width、height）都需要逐元素精确控制，继承反而会破坏布局意图。
哪些属性默认不继承？
不是“有些”不能继承，而是有一类属性被系统性排除在继承机制之外：
-
border及其子属性（border-width、border-style、border-color） - 所有盒模型尺寸与间距：
margin、padding、width、height - 背景类：
background、background-color - 定位与布局：
position、display、float、z-index
这些属性共同特点是：影响元素自身在布局流中的占位和外观，而非内容呈现。它们一旦继承，就会干扰排版逻辑。
立即学习“前端免费学习笔记（深入）”；
inherit 关键字能绕过这个限制吗？
可以，但要注意语义和适用场景：
-
border: inherit是合法写法，会让子元素尝试继承父元素计算后的border值 - 但它只在父元素确实设置了
border且该声明生效的前提下才起作用（比如没被更高优先级规则覆盖） - 实践中很少用
border: inherit，因为多数时候你并不希望子元素和父元素边框完全一致；更常见的是用 CSS 自定义属性（--border: 1px solid #ddd）统一管理 -
all: inherit会强制继承所有可继承 + 不可继承属性，但极易引发意外样式污染，慎用
真正容易被忽略的点在于：开发者常把“父元素有边框，子元素看起来被包在里面”误认为是继承生效，其实只是盒模型的包裹效果——子元素根本没边框，只是被父元素的边框“框住”了。区分视觉错觉和真实继承，是调试样式时的关键一步。
