CSS Logical Properties Converter
CSS Logical Properties Converter Paste a block of CSS and instantly swap physical box-model properties (margin-left, padding-right, border-top-left-radius, top/left/right/bottom, width/height) for their writing-mode-aware logical equivalents (margin-inline-start, padding-inline-end, border-start-start-radius, inset-block-start, inline-size) — or reverse the conversion. The mapping is fully deterministic and covers margin, padding, border, border-radius corners, inset positions, sizing, overflow, plus directional values for text-align, float and clear. How to Use Paste your CSS in the input box. Pick a direction — Physical → Logical for i18n-ready CSS, or Logical → Physical to see the visual equivalent. Choose a writing mode — LTR (inline-start = left) or RTL (inline-start = right) — to control how left/right map. Copy or ...
ツールを試す »