EVIDENCE FOR YOUR NEXT WEB DECISION

CSS Logical Property Migrator

Convert supported physical properties to logical equivalents; show directional behavior changes.

Worked exampleBrowser processingUseful downloads

A clear result starts here

Add your input or try the worked example.

Using CSS Logical Property Migrator

Convert supported physical properties to logical equivalents; show directional behavior changes.

Use Try example to explore css logical property migrator, or enter your own css declaration list.
Set original horizontal writing direction. Read the field notes for supported values.
Choose Preview logical properties and inspect the result, including any review flags or unsupported cases.
Use the relevant download buttons to keep your result. CSV and report JSON preserve the available findings; original files are not changed.

Example

CSS declaration list: margin-left: 20px; padding-right: 8px; left: 0; border-left-width: 2px; width: 100%;
Original horizontal writing direction: ltr

Questions & answers

What does CSS Logical Property Migrator do?

Convert supported physical properties to logical equivalents; show directional behavior changes.

What input does this tool support?

CSS declaration list: Example: margin-left: 20px; border-right-width: 2px; left: 0;. Original horizontal writing direction

What should I check before using the result?

Converts supported declaration properties for horizontal-tb writing. It preserves values but does not transform shorthands, selectors, vertical writing or directional images. Parser serialization may change formatting.

Can I keep or share the result?

Yes. Use the result-specific downloads, CSV where available and report JSON. Downloads can contain your supplied information, so review the content before sharing. Processing runs in this browser; public pages also include the site’s approved advertising and optional analytics.