Tag

Logical Properties

1 views collected around this technical thread.

Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Feb 18, 2025 · Frontend Development

Comprehensive Guide to RTL Support in CSS and Frontend Development

This article explains the challenges of Right‑To‑Left (RTL) layout adaptation, compares three implementation strategies—including CSS logical properties, transform scaling, and manual RTL code—and demonstrates how tools like rtlcss, Tailwind, and Ant Design can automate or simplify RTL support for modern web projects.

CSSLogical PropertiesRTL
0 likes · 20 min read
Comprehensive Guide to RTL Support in CSS and Frontend Development
KooFE Frontend Team
KooFE Frontend Team
Feb 7, 2022 · Frontend Development

Master CSS Logical Properties for Seamless RTL Support

Modern CSS logical properties let developers write direction‑agnostic styles, replacing left/right and top/bottom values with start/end and block/inline equivalents, thereby simplifying RTL support, reducing duplicated code, and improving maintainability across browsers in modern web projects.

CSSLogical PropertiesRTL
0 likes · 9 min read
Master CSS Logical Properties for Seamless RTL Support
KooFE Frontend Team
KooFE Frontend Team
Jan 6, 2021 · Frontend Development

Why CSS Logical Properties Are the Future of Responsive Layouts

This article explains how CSS logical properties, introduced in 2020, provide a writing‑mode‑independent way to define layout, reduce code, and improve compatibility across languages such as Arabic, Hebrew, and Japanese, with practical examples and best‑practice recommendations.

CSSFrontend DevelopmentLogical Properties
0 likes · 6 min read
Why CSS Logical Properties Are the Future of Responsive Layouts
360 Tech Engineering
360 Tech Engineering
Feb 22, 2019 · Frontend Development

Understanding CSS Logical Properties and Logical Values

This article explains what CSS logical properties and logical values are, why they are important for handling different writing modes, shows practical code examples, lists the properties that gained logical values, introduces the six groups of logical properties, and describes how browsers compute them based on writing‑mode, direction and text‑orientation.

CSSLogical PropertiesWriting Modes
0 likes · 7 min read
Understanding CSS Logical Properties and Logical Values