从左<>右翻转 CSS 属性的好算法


假设

所有以"left"结尾的属性都有相应的"right",反之亦然,以另一种方式翻转它们就足够了,这是否安全?当然,还需要左右翻转值。我错过了什么吗?

编辑是的,我想为 RTL 和 LTR 等创建一个水平翻转样式表。

想象一个简单的人为样式表

#something {
   border-left: 2px;
   border-right: 5px;
   border-top: 12px;
}

H 翻转成为

#something {
   border-right: 2px;
   border-left: 5px;
   border-top: 12px;
}

并非所有左右属性都以 -left-right 结尾。

例如,你有 border-left-colorborder-right-color ,所以你需要做的不仅仅是检查"以 -left 结尾或以 -right 结尾"。

您可能还想看看 Mozilla 的 RTL Locales 页面。有趣的阅读。

最新更新