竖排文字顶部边框宽度为何不生效？检查 border-block-start-width 属性
竖排文字顶部边框宽度未生效通常是因为未正确设置 border-block-start-width 属性或未指定 writing-mode。
确认竖排文字的书写模式
竖排文字的显示依赖于 writing-mode 属性，该属性决定了文本的排列方向。当 writing-mode 设置为 vertical-lr 或 vertical-rl 时，文本会从上到下排列。如果未明确设置此属性，浏览器可能默认使用水平排列，导致 border-block-start-width 属性无法正确映射到预期的物理边框。检查元素是否应用了正确的书写模式是排查的第一步。
在 CSS 中，writing-mode 属性的值决定了 border-block-start-width 对应的物理边框。例如，当 writing-mode 为 vertical-lr 时，border-block-start-width 对应的是元素的左侧边框。如果书写模式设置错误，或者被其他样式覆盖，边框宽度将无法按预期显示。确保 writing-mode 属性在样式中明确指定且未被覆盖，是解决问题的关键前提。
检查 border-block-start-width 的具体数值
border-block-start-width 属性接受多种类型的值，包括长度单位、关键字或全局值。常见的长度值如 5px，关键字如 thin、medium 或 thick。如果设置了无效值或未设置值，边框宽度将不会生效。默认值为 medium，但必须确保该属性被显式设置，否则浏览器可能忽略该属性。
除了数值本身，还需注意值的类型是否合法。border-block-start-width 不接受负值，且必须是非负的长度或关键字。如果设置了负数或非法关键字，浏览器会忽略该属性。此外，全局值如 inherit、initial、unset 等会影响属性的继承和重置，需确保这些值不会意外覆盖预期的边框宽度设置。
排查边框简写属性与逻辑属性的冲突
CSS 中存在边框简写属性（如 border）和逻辑属性（如 border-block-start-width）。如果同时使用了简写属性和逻辑属性，可能会导致冲突。例如，如果设置了 border: 1px solid blue，可能会覆盖 border-block-start-width 的设置。检查样式中是否同时存在简写属性和逻辑属性，并确保它们的设置不冲突。
简写属性会设置所有边框的宽度、样式和颜色，而逻辑属性仅设置特定方向的边框宽度。如果简写属性未明确指定边框宽度，逻辑属性可能无法生效。建议在调试时移除简写属性，仅使用逻辑属性进行测试，以确认问题是否由冲突引起。如果问题解决，需调整样式以避免冲突。
验证边框宽度的计算与继承
border-block-start-width 属性的初始值为 medium，且不继承。这意味着如果父元素设置了该属性，子元素默认不会继承该值。如果子元素未显式设置 border-block-start-width，其边框宽度将默认为 medium。检查子元素是否需要继承父元素的边框宽度，或者是否需要单独设置。
计算值是绝对长度，会被“捕捉”为线宽。这意味着即使设置了关键字如 thin，浏览器也会将其转换为具体的像素值。验证边框宽度时，可以使用浏览器开发者工具检查计算后的值，确认是否与预期一致。如果计算值不符合预期，可能是样式设置或继承问题导致的。
资料与延伸阅读
你可以通过以下原始资料核对文中概念，并继续深入阅读。