Logical propertiesCSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, block-end refers to the bottom. Also known as flow relative.cssCSSwidely2021-09-202024-03-20https://drafts.csswg.org/css-logical-1/css-logical-propshttps://developer.mozilla.org/docs/Web/CSS/Reference/Properties/insetcss.properties.block-sizecss.properties.block-size.fit-contentcss.properties.block-size.max-contentcss.properties.block-size.min-contentcss.properties.border-blockcss.properties.border-block-colorcss.properties.border-block-color.currentColorcss.properties.border-block-color.transparentcss.properties.border-block-endcss.properties.border-block-end-colorcss.properties.border-block-end-color.currentColorcss.properties.border-block-end-color.transparentcss.properties.border-block-end-stylecss.properties.border-block-end-style.dashedcss.properties.border-block-end-style.dottedcss.properties.border-block-end-style.doublecss.properties.border-block-end-style.groovecss.properties.border-block-end-style.hiddencss.properties.border-block-end-style.insetcss.properties.border-block-end-style.nonecss.properties.border-block-end-style.outsetcss.properties.border-block-end-style.ridgecss.properties.border-block-end-style.solidcss.properties.border-block-end-widthcss.properties.border-block-end-width.mediumcss.properties.border-block-end-width.thickcss.properties.border-block-end-width.thincss.properties.border-block-end.currentColorcss.properties.border-block-end.dashedcss.properties.border-block-end.dottedcss.properties.border-block-end.doublecss.properties.border-block-end.groovecss.properties.border-block-end.hiddencss.properties.border-block-end.insetcss.properties.border-block-end.mediumcss.properties.border-block-end.nonecss.properties.border-block-end.outsetcss.properties.border-block-end.ridgecss.properties.border-block-end.solidcss.properties.border-block-end.thickcss.properties.border-block-end.thincss.properties.border-block-end.transparentcss.properties.border-block-startcss.properties.border-block-start-colorcss.properties.border-block-start-color.currentColorcss.properties.border-block-start-color.transparentcss.properties.border-block-start-stylecss.properties.border-block-start-style.dashedcss.properties.border-block-start-style.dottedcss.properties.border-block-start-style.doublecss.properties.border-block-start-style.groovecss.properties.border-block-start-style.hiddencss.properties.border-block-start-style.insetcss.properties.border-block-start-style.nonecss.properties.border-block-start-style.outsetcss.properties.border-block-start-style.ridgecss.properties.border-block-start-style.solidcss.properties.border-block-start-widthcss.properties.border-block-start-width.mediumcss.properties.border-block-start-width.thickcss.properties.border-block-start-width.thincss.properties.border-block-start.currentColorcss.properties.border-block-start.dashedcss.properties.border-block-start.dottedcss.properties.border-block-start.doublecss.properties.border-block-start.groovecss.properties.border-block-start.hiddencss.properties.border-block-start.insetcss.properties.border-block-start.mediumcss.properties.border-block-start.nonecss.properties.border-block-start.outsetcss.properties.border-block-start.ridgecss.properties.border-block-start.solidcss.properties.border-block-start.thickcss.properties.border-block-start.thincss.properties.border-block-start.transparentcss.properties.border-block-stylecss.properties.border-block-style.dashedcss.properties.border-block-style.dottedcss.properties.border-block-style.doublecss.properties.border-block-style.groovecss.properties.border-block-style.hiddencss.properties.border-block-style.insetcss.properties.border-block-style.nonecss.properties.border-block-style.outsetcss.properties.border-block-style.ridgecss.properties.border-block-style.solidcss.properties.border-block-widthcss.properties.border-block-width.mediumcss.properties.border-block-width.thickcss.properties.border-block-width.thincss.properties.border-block.currentColorcss.properties.border-block.dashedcss.properties.border-block.dottedcss.properties.border-block.doublecss.properties.border-block.groovecss.properties.border-block.hiddencss.properties.border-block.insetcss.properties.border-block.mediumcss.properties.border-block.nonecss.properties.border-block.outsetcss.properties.border-block.ridgecss.properties.border-block.solidcss.properties.border-block.thickcss.properties.border-block.thincss.properties.border-block.transparentcss.properties.border-end-end-radiuscss.properties.border-end-start-radiuscss.properties.border-inlinecss.properties.border-inline-colorcss.properties.border-inline-color.currentColorcss.properties.border-inline-color.transparentcss.properties.border-inline-endcss.properties.border-inline-end-colorcss.properties.border-inline-end-color.currentColorcss.properties.border-inline-end-color.transparentcss.properties.border-inline-end-stylecss.properties.border-inline-end-style.dashedcss.properties.border-inline-end-style.dottedcss.properties.border-inline-end-style.doublecss.properties.border-inline-end-style.groovecss.properties.border-inline-end-style.hiddencss.properties.border-inline-end-style.insetcss.properties.border-inline-end-style.nonecss.properties.border-inline-end-style.outsetcss.properties.border-inline-end-style.ridgecss.properties.border-inline-end-style.solidcss.properties.border-inline-end-widthcss.properties.border-inline-end-width.mediumcss.properties.border-inline-end-width.thickcss.properties.border-inline-end-width.thincss.properties.border-inline-end.currentColorcss.properties.border-inline-end.dashedcss.properties.border-inline-end.dottedcss.properties.border-inline-end.doublecss.properties.border-inline-end.groovecss.properties.border-inline-end.hiddencss.properties.border-inline-end.insetcss.properties.border-inline-end.mediumcss.properties.border-inline-end.nonecss.properties.border-inline-end.outsetcss.properties.border-inline-end.ridgecss.properties.border-inline-end.solidcss.properties.border-inline-end.thickcss.properties.border-inline-end.thincss.properties.border-inline-end.transparentcss.properties.border-inline-startcss.properties.border-inline-start-colorcss.properties.border-inline-start-color.currentColorcss.properties.border-inline-start-color.transparentcss.properties.border-inline-start-stylecss.properties.border-inline-start-style.dashedcss.properties.border-inline-start-style.dottedcss.properties.border-inline-start-style.doublecss.properties.border-inline-start-style.groovecss.properties.border-inline-start-style.hiddencss.properties.border-inline-start-style.insetcss.properties.border-inline-start-style.nonecss.properties.border-inline-start-style.outsetcss.properties.border-inline-start-style.ridgecss.properties.border-inline-start-style.solidcss.properties.border-inline-start-widthcss.properties.border-inline-start-width.mediumcss.properties.border-inline-start-width.thickcss.properties.border-inline-start-width.thincss.properties.border-inline-start.currentColorcss.properties.border-inline-start.dashedcss.properties.border-inline-start.dottedcss.properties.border-inline-start.doublecss.properties.border-inline-start.groovecss.properties.border-inline-start.hiddencss.properties.border-inline-start.insetcss.properties.border-inline-start.mediumcss.properties.border-inline-start.nonecss.properties.border-inline-start.outsetcss.properties.border-inline-start.ridgecss.properties.border-inline-start.solidcss.properties.border-inline-start.thickcss.properties.border-inline-start.thincss.properties.border-inline-start.transparentcss.properties.border-inline-stylecss.properties.border-inline-style.dashedcss.properties.border-inline-style.dottedcss.properties.border-inline-style.doublecss.properties.border-inline-style.groovecss.properties.border-inline-style.hiddencss.properties.border-inline-style.insetcss.properties.border-inline-style.nonecss.properties.border-inline-style.outsetcss.properties.border-inline-style.ridgecss.properties.border-inline-style.solidcss.properties.border-inline-widthcss.properties.border-inline-width.mediumcss.properties.border-inline-width.thickcss.properties.border-inline-width.thincss.properties.border-inline.currentColorcss.properties.border-inline.dashedcss.properties.border-inline.dottedcss.properties.border-inline.doublecss.properties.border-inline.groovecss.properties.border-inline.hiddencss.properties.border-inline.insetcss.properties.border-inline.mediumcss.properties.border-inline.nonecss.properties.border-inline.outsetcss.properties.border-inline.ridgecss.properties.border-inline.solidcss.properties.border-inline.thickcss.properties.border-inline.thincss.properties.border-inline.transparentcss.properties.border-start-end-radiuscss.properties.border-start-start-radiuscss.properties.clear.inline-endcss.properties.clear.inline-startcss.properties.float.inline-endcss.properties.float.inline-startcss.properties.inline-sizecss.properties.inline-size.fit-contentcss.properties.inline-size.max-contentcss.properties.inline-size.min-contentcss.properties.insetcss.properties.inset-blockcss.properties.inset-block-endcss.properties.inset-block-end.autocss.properties.inset-block-startcss.properties.inset-block-start.autocss.properties.inset-block.autocss.properties.inset-inlinecss.properties.inset-inline-endcss.properties.inset-inline-end.autocss.properties.inset-inline-startcss.properties.inset-inline-start.autocss.properties.inset-inline.autocss.properties.inset.autocss.properties.margin-blockcss.properties.margin-block-endcss.properties.margin-block-startcss.properties.margin-inlinecss.properties.margin-inline-endcss.properties.margin-inline-startcss.properties.max-block-sizecss.properties.max-block-size.fit-contentcss.properties.max-block-size.max-contentcss.properties.max-block-size.min-contentcss.properties.max-inline-sizecss.properties.max-inline-size.fit-contentcss.properties.max-inline-size.max-contentcss.properties.max-inline-size.min-contentcss.properties.min-block-sizecss.properties.min-block-size.fit-contentcss.properties.min-block-size.max-contentcss.properties.min-block-size.min-contentcss.properties.min-inline-sizecss.properties.min-inline-size.fit-contentcss.properties.min-inline-size.max-contentcss.properties.min-inline-size.min-contentcss.properties.overflow-blockcss.properties.overflow-block.overlaycss.properties.overflow-inlinecss.properties.overflow-inline.overlaycss.properties.padding-blockcss.properties.padding-block-endcss.properties.padding-block-startcss.properties.padding-inlinecss.properties.padding-inline-endcss.properties.padding-inline-starthttps://nowyoucanuse.com/features--logical-properties.html