border-width仅接受thin/medium/thick或带单位长度值（如1px）；border-style必须非none才可见；可单独设各边颜色；border简写会重置所有边框属性。
border-width 设置哪些值才真正生效
不是所有数值都能被浏览器识别为合法的 border-width。它只接受 thin、medium、thick 这三个关键字，或带单位的长度值（如 1px、0.1em）。纯数字（如 2）或无单位数值（如 1.5）会直接被忽略。
-
border-width: 2;→ 无效，不渲染边框 -
border-width: 2px;→ 有效，显示 2 像素宽边框 -
border-width: medium;→ 有效，但具体像素值由浏览器决定（通常约 3–4px），不可控 - 百分比值（如
5%）在border-width中完全不合法
border-style 为什么设了却看不到边框
border-style 是边框是否可见的“开关”。即使设置了 width 和 color，只要 style 是 none 或未声明，边框就完全不会渲染——这是最常被忽略的前提条件。
- 默认值就是
none，所以border: 1px #000;实际等价于border: 1px none #000;，边框依然不可见 - 必须显式指定
solid、dashed、dotted等非none值才能显示 -
hidden和none表现一致，但语义不同：前者用于表格边框冲突时强制隐藏，后者是通用不可见 - 某些旧版 IE 对
double或groove渲染异常，建议生产环境优先用solid/dashed
border-color 能否单独设某一边的颜色
可以，而且非常常用。CSS 提供四组独立属性： border-top-color、border-right-color、border-bottom-color、border-left-color。它们优先级高于简写 border-color，适合做局部颜色定制。
-
border-color: red blue;是简写，等价于上下红、左右蓝；但若后续加border-bottom-color: green;，底边就会变成绿色 - 透明色要写
transparent，不能写none（none是border-style的值） - 使用
currentColor可让边框自动继承文字颜色，适合主题切换场景 - 注意：如果父元素
color是inherit且未定义，currentColor可能意外变成黑色
简写 border 属性的顺序和覆盖逻辑
border 简写会一次性重置三类属性：width、style、color。它的赋值顺序固定（width style color），且任意一项缺失时，会回退到浏览器默认值，而不是保留之前设置的值。
立即学习“前端免费学习笔记（深入）”；
-
border: 1px solid;→color缺失，将使用当前文本色（currentColor），不是透明也不是继承上一个border-color -
border: #f00;→ 只有颜色，width和style都变回默认（medium none），边框消失 - 一旦用了
border简写，再用border-top-width单独改顶边宽度，是有效的；但若之后又写一次border: 2px solid blue;，所有单边设置都会被覆盖 - 想安全叠加修改？优先用
border-top、border-left这类方向性简写，它们只影响对应边，不重置其他边
边框看似简单，但 style 是开关、width 要带单位、color 依赖上下文、简写会清空已有设置——四个点串起来，才是实际写 CSS 时真正卡住人的地方。
