竖排文字布局中 border-block-end 颜色为何不生效
border-block-end 颜色不生效通常是因为该属性是简写，未显式指定颜色值或被继承值覆盖。
检查简写属性是否包含颜色值
border-block-end 是一个简写属性，用于设置边框宽度、样式和颜色。如果代码中只写了宽度或样式，颜色将默认为当前文本颜色。例如，只设置 border-block-end: 1px solid 时，颜色会继承父元素或当前文本的 currentcolor。要确保颜色生效，必须在简写中明确指定颜色，如 border-block-end: 1px solid red。
在竖排文字布局中，writing-mode 设置为 vertical-rl 或 vertical-lr 时，border-block-end 对应的物理边框位置会发生变化。如果 CSS 中遗漏了颜色关键字，浏览器会使用默认的黑色或继承值，导致视觉上颜色未改变。检查样式表时，确认简写语法中是否包含颜色部分，避免因省略导致颜色不生效。
验证继承值与计算值是否冲突
border-block-end-color 的初始值是 currentcolor，这意味着它会使用元素的文本颜色。如果父元素或文本设置了特定的颜色，且未在 border-block-end 中覆盖，边框颜色将跟随文本颜色。例如，文本颜色为蓝色时，未指定颜色的边框也会显示为蓝色。这种继承机制可能导致颜色看起来“未生效”，实际上是与文本颜色一致。
可以通过浏览器的开发者工具检查计算后的样式。在元素样式中查看 border-block-end-color 的计算值，确认是否为 currentcolor 或其他继承值。如果需要边框颜色独立于文本颜色，必须在 border-block-end 简写中显式指定颜色值，如 border-block-end: 2px dashed blue，以确保颜色不被继承覆盖。
确认 writing-mode 与方向设置
border-block-end 的物理映射取决于 writing-mode、direction 和 text-orientation 属性。在竖排文字布局中，writing-mode 为 vertical-rl 或 vertical-lr 时，border-block-end 对应的物理边框可能是右侧或左侧。如果方向设置错误，可能导致边框位置或颜色显示异常。确保 writing-mode 与布局需求一致，避免因方向错误导致颜色不生效。
例如，当 writing-mode 为 vertical-rl 时，border-block-end 对应的物理边框是右侧。如果同时设置了 direction: rtl，边框位置可能进一步偏移。检查这些属性是否与预期一致，确保 border-block-end 的颜色应用在正确的边框上。如果边框位置错误，颜色可能被其他元素遮挡或显示在不可见区域。
使用浏览器兼容性工具验证
border-block-end 是逻辑属性，自 2020 年起在主流浏览器中广泛可用。如果颜色不生效，可能是浏览器兼容性问题或 CSS 解析错误。使用浏览器的兼容性检查工具，确认当前浏览器是否支持该属性。如果浏览器版本较旧，可能需要回退到物理属性如 border-right 或 border-bottom。
在测试环境中，可以临时将 border-block-end 替换为物理属性进行验证。例如，将 border-block-end: 2px dashed blue 替换为 border-right: 2px dashed blue，观察颜色是否生效。如果物理属性生效而逻辑属性不生效，可能是浏览器对逻辑属性的支持问题或 CSS 语法错误。
资料与延伸阅读
你可以通过以下原始资料核对文中概念，并继续深入阅读。