Writing-mode Switcher (Logical)

for Firefox 41+, Blink, Safari 9+

( Physical properties: writing-mode-switcher-physical.htm )







しまかぜ
desire

いろはにほへとちりぬるを

Physical Properties Logical Properties Proprietary Prefixed Properties
[ltr] width inline-size -webkit-logical-width
[ltr] height block-size -webkit-logical-height
[ltr] min-width min-inline-size -webkit-min-logical-width
[ltr] min-height min-block-size -webkit-min-logical-height
[ltr] max-width max-inline-size -webkit-max-logical-width
[ltr] max-height max-block-size -webkit-max-logical-height
[ltr] margin-left margin-inline-start -webkit-margin-start, -moz-margin-start
[ltr] margin-right margin-inline-end -webkit-margin-end, -moz-margin-end
[ltr] margin-top margin-block-start -webkit-margin-before
[ltr] margin-bottom margin-block-end -webkit-margin-after
[ltr] padding-left padding-inline-start -webkit-padding-start, -moz-padding-start
[ltr] padding-right padding-inline-end -webkit-padding-end, -moz-padding-end
[ltr] padding-top padding-block-start -webkit-padding-before
[ltr] padding-bottom padding-block-end -webkit-padding-after
[ltr] border-left border-inline-start -webkit-border-start, -moz-border-start
[ltr] border-left-color border-inline-start-color -webkit-border-start-color, -moz-border-start-color
[ltr] border-left-style border-inline-start-style -webkit-border-start-style, -moz-border-start-style
[ltr] border-left-width border-inline-start-width -webkit-border-start-width, -moz-border-start-width
[ltr] border-right border-inline-end -webkit-border-end, -moz-border-end
[ltr] border-right-color border-inline-end-color -webkit-border-end-color, -moz-border-end-color
[ltr] border-right-style border-inline-end-style -webkit-border-end-style, -moz-border-end-style
[ltr] border-right-width border-inline-end-width -webkit-border-end-width, -moz-border-end-width
[ltr] border-top border-block-start -webkit-border-before
[ltr] border-top-color border-block-start-color -webkit-border-before-color
[ltr] border-top-style border-block-start-style -webkit-border-before-style
[ltr] border-top-width border-block-start-width -webkit-border-before-width
[ltr] border-bottom border-block-end -webkit-border-after
[ltr] border-bottom-color border-block-end-color -webkit-border-after-color
[ltr] border-bottom-style border-block-end-style -webkit-border-after-style
[ltr] border-bottom-width border-block-end-width -webkit-border-after-width
[ltr] left offset-inline-start
[ltr] right offset-inline-end
[ltr] top offset-block-start
[ltr] bottom offset-block-end
[rtl] width inline-size -webkit-logical-width
[rtl] height block-size -webkit-logical-height
[rtl] min-width min-inline-size -webkit-min-logical-width
[rtl] min-height min-block-size -webkit-min-logical-height
[rtl] max-width max-inline-size -webkit-max-logical-width
[rtl] max-height max-block-size -webkit-max-logical-height
[rtl] margin-right margin-inline-start -webkit-margin-start, -moz-margin-start
[rtl] margin-left margin-inline-end -webkit-margin-end, -moz-margin-end
[rtl] margin-top margin-block-start -webkit-margin-before
[rtl] margin-bottom margin-block-end -webkit-margin-after
[rtl] padding-right padding-inline-start -webkit-padding-start, -moz-padding-start
[rtl] padding-left padding-inline-end -webkit-padding-end, -moz-padding-end
[rtl] padding-top padding-block-start -webkit-padding-before
[rtl] padding-bottom padding-block-end -webkit-padding-after
[rtl] border-right border-inline-start -webkit-border-start, -moz-border-start
[rtl] border-right-color border-inline-start-color -webkit-border-start-color, -moz-border-start-color
[rtl] border-right-style border-inline-start-style -webkit-border-start-style, -moz-border-start-style
[rtl] border-right-width border-inline-start-width -webkit-border-start-width, -moz-border-start-width
[rtl] border-left border-inline-end -webkit-border-end, -moz-border-end
[rtl] border-left-color border-inline-end-color -webkit-border-end-color, -moz-border-end-color
[rtl] border-left-style border-inline-end-style -webkit-border-end-style, -moz-border-end-style
[rtl] border-left-width border-inline-end-width -webkit-border-end-width, -moz-border-end-width
[rtl] border-top border-block-start -webkit-border-before
[rtl] border-top-color border-block-start-color -webkit-border-before-color
[rtl] border-top-style border-block-start-style -webkit-border-before-style
[rtl] border-top-width border-block-start-width -webkit-border-before-width
[rtl] border-bottom border-block-end -webkit-border-after
[rtl] border-bottom-color border-block-end-color -webkit-border-after-color
[rtl] border-bottom-style border-block-end-style -webkit-border-after-style
[rtl] border-bottom-width border-block-end-width -webkit-border-after-width
[rtl] right offset-inline-start
[rtl] left offset-inline-end
[rtl] top offset-block-start
[rtl] bottom offset-block-end
[vertical-rl, sideways-rl] height inline-size -webkit-logical-width
[vertical-rl, sideways-rl] width block-size -webkit-logical-height
[vertical-rl, sideways-rl] min-height min-inline-size -webkit-min-logical-width
[vertical-rl, sideways-rl] min-width min-block-size -webkit-min-logical-height
[vertical-rl, sideways-rl] max-height max-inline-size -webkit-max-logical-width
[vertical-rl, sideways-rl] max-width max-block-size -webkit-max-logical-height
[vertical-rl, sideways-rl] margin-top margin-inline-start -webkit-margin-start, -moz-margin-start
[vertical-rl, sideways-rl] margin-bottom margin-inline-end -webkit-margin-end, -moz-margin-end
[vertical-rl, sideways-rl] margin-right margin-block-start -webkit-margin-before
[vertical-rl, sideways-rl] margin-left margin-block-end -webkit-margin-after
[vertical-rl, sideways-rl] padding-top padding-inline-start -webkit-padding-start, -moz-padding-start
[vertical-rl, sideways-rl] padding-bottom padding-inline-end -webkit-padding-end, -moz-padding-end
[vertical-rl, sideways-rl] padding-right padding-block-start -webkit-padding-before
[vertical-rl, sideways-rl] padding-left padding-block-end -webkit-padding-after
[vertical-rl, sideways-rl] border-top border-inline-start -webkit-border-start, -moz-border-start
[vertical-rl, sideways-rl] border-top-color border-inline-start-color -webkit-border-start-color, -moz-border-start-color
[vertical-rl, sideways-rl] border-top-style border-inline-start-style -webkit-border-start-style, -moz-border-start-style
[vertical-rl, sideways-rl] border-top-width border-inline-start-width -webkit-border-start-width, -moz-border-start-width
[vertical-rl, sideways-rl] border-bottom border-inline-end -webkit-border-end, -moz-border-end
[vertical-rl, sideways-rl] border-bottom-color border-inline-end-color -webkit-border-end-color, -moz-border-end-color
[vertical-rl, sideways-rl] border-bottom-style border-inline-end-style -webkit-border-end-style, -moz-border-end-style
[vertical-rl, sideways-rl] border-bottom-width border-inline-end-width -webkit-border-end-width, -moz-border-end-width
[vertical-rl, sideways-rl] border-right border-block-start -webkit-border-before
[vertical-rl, sideways-rl] border-right-color border-block-start-color -webkit-border-before-color
[vertical-rl, sideways-rl] border-right-style border-block-start-style -webkit-border-before-style
[vertical-rl, sideways-rl] border-right-width border-block-start-width -webkit-border-before-width
[vertical-rl, sideways-rl] border-left border-block-end -webkit-border-after
[vertical-rl, sideways-rl] border-left-color border-block-end-color -webkit-border-after-color
[vertical-rl, sideways-rl] border-left-style border-block-end-style -webkit-border-after-style
[vertical-rl, sideways-rl] border-left-width border-block-end-width -webkit-border-after-width
[vertical-rl, sideways-rl] top offset-inline-start
[vertical-rl, sideways-rl] bottom offset-inline-end
[vertical-rl, sideways-rl] right offset-block-start
[vertical-rl, sideways-rl] left offset-block-end
[vertical-lr] height inline-size -webkit-logical-width
[vertical-lr] width block-size -webkit-logical-height
[vertical-lr] min-height min-inline-size -webkit-min-logical-width
[vertical-lr] min-width min-block-size -webkit-min-logical-height
[vertical-lr] max-height max-inline-size -webkit-max-logical-width
[vertical-lr] max-width max-block-size -webkit-max-logical-height
[vertical-lr] margin-top margin-inline-start -webkit-margin-start, -moz-margin-start
[vertical-lr] margin-bottom margin-inline-end -webkit-margin-end, -moz-margin-end
[vertical-lr] margin-left margin-block-start -webkit-margin-before
[vertical-lr] margin-right margin-block-end -webkit-margin-after
[vertical-lr] padding-top padding-inline-start -webkit-padding-start, -moz-padding-start
[vertical-lr] padding-bottom padding-inline-end -webkit-padding-end, -moz-padding-end
[vertical-lr] padding-left padding-block-start -webkit-padding-before
[vertical-lr] padding-right padding-block-end -webkit-padding-after
[vertical-lr] border-top border-inline-start -webkit-border-start, -moz-border-start
[vertical-lr] border-top-color border-inline-start-color -webkit-border-start-color, -moz-border-start-color
[vertical-lr] border-top-style border-inline-start-style -webkit-border-start-style, -moz-border-start-style
[vertical-lr] border-top-width border-inline-start-width -webkit-border-start-width, -moz-border-start-width
[vertical-lr] border-bottom border-inline-end -webkit-border-end, -moz-border-end
[vertical-lr] border-bottom-color border-inline-end-color -webkit-border-end-color, -moz-border-end-color
[vertical-lr] border-bottom-style border-inline-end-style -webkit-border-end-style, -moz-border-end-style
[vertical-lr] border-bottom-width border-inline-end-width -webkit-border-end-width, -moz-border-end-width
[vertical-lr] border-left border-block-start -webkit-border-before
[vertical-lr] border-left-color border-block-start-color -webkit-border-before-color
[vertical-lr] border-left-style border-block-start-style -webkit-border-before-style
[vertical-lr] border-left-width border-block-start-width -webkit-border-before-width
[vertical-lr] border-right border-block-end -webkit-border-after
[vertical-lr] border-right-color border-block-end-color -webkit-border-after-color
[vertical-lr] border-right-style border-block-end-style -webkit-border-after-style
[vertical-lr] border-right-width border-block-end-width -webkit-border-after-width
[vertical-lr] top offset-inline-start
[vertical-lr] bottom offset-inline-end
[vertical-lr] left offset-block-start
[vertical-lr] right offset-block-end
[sideways-lr] height inline-size -webkit-logical-width
[sideways-lr] width block-size -webkit-logical-height
[sideways-lr] min-height min-inline-size -webkit-min-logical-width
[sideways-lr] min-width min-block-size -webkit-min-logical-height
[sideways-lr] max-height max-inline-size -webkit-max-logical-width
[sideways-lr] max-width max-block-size -webkit-max-logical-height
[sideways-lr] margin-bottom margin-inline-start -webkit-margin-start, -moz-margin-start
[sideways-lr] margin-top margin-inline-end -webkit-margin-end, -moz-margin-end
[sideways-lr] margin-left margin-block-start -webkit-margin-before
[sideways-lr] margin-right margin-block-end -webkit-margin-after
[sideways-lr] padding-bottom padding-inline-start -webkit-padding-start, -moz-padding-start
[sideways-lr] padding-top padding-inline-end -webkit-padding-end, -moz-padding-end
[sideways-lr] padding-left padding-block-start -webkit-padding-before
[sideways-lr] padding-right padding-block-end -webkit-padding-after
[sideways-lr] border-bottom border-inline-start -webkit-border-start, -moz-border-start
[sideways-lr] border-bottom-color border-inline-start-color -webkit-border-start-color, -moz-border-start-color
[sideways-lr] border-bottom-style border-inline-start-style -webkit-border-start-style, -moz-border-start-style
[sideways-lr] border-bottom-width border-inline-start-width -webkit-border-start-width, -moz-border-start-width
[sideways-lr] border-top border-inline-end -webkit-border-end, -moz-border-end
[sideways-lr] border-top-color border-inline-end-color -webkit-border-end-color, -moz-border-end-color
[sideways-lr] border-top-style border-inline-end-style -webkit-border-end-style, -moz-border-end-style
[sideways-lr] border-top-width border-inline-end-width -webkit-border-end-width, -moz-border-end-width
[sideways-lr] border-left border-block-start -webkit-border-before
[sideways-lr] border-left-color border-block-start-color -webkit-border-before-color
[sideways-lr] border-left-style border-block-start-style -webkit-border-before-style
[sideways-lr] border-left-width border-block-start-width -webkit-border-before-width
[sideways-lr] border-right border-block-end -webkit-border-after
[sideways-lr] border-right-color border-block-end-color -webkit-border-after-color
[sideways-lr] border-right-style border-block-end-style -webkit-border-after-style
[sideways-lr] border-right-width border-block-end-width -webkit-border-after-width
[sideways-lr] bottom offset-inline-start
[sideways-lr] top offset-inline-end
[sideways-lr] left offset-block-start
[sideways-lr] right offset-block-end
none (1) background-image-transform
none (2) border-image-transform