Confirmed users
38
edits
Gaia/CSS Guidelines: Difference between revisions
→Use direction-sensitive rules: MDN links
(→Direction (RTL/LTR and Bidi): additional guidelines: direction-sensitive rules) |
(→Use direction-sensitive rules: MDN links) |
||
| Line 145: | Line 145: | ||
|style="text-align: center" colspan="3"| text alignment | |style="text-align: center" colspan="3"| text alignment | ||
|- | |- | ||
| text-align: left<br>text-align: right || text-align: start<br>text-align: end || | | <code>text-align: left<br>text-align: right</code> || <code>text-align: start<br>text-align: end</code> || | ||
|- | |- | ||
|style="text-align: center" colspan="3"| padding, margin, border | |style="text-align: center" colspan="3"| padding, margin, border | ||
|- | |- | ||
| padding-left<br>padding-right || padding-inline-start<br>padding-inline-end || Gecko 41+ | | <code>padding-left<br>padding-right</code> || <code>[https://developer.mozilla.org/docs/Web/CSS/padding-inline-start padding-inline-start]<br>[https://developer.mozilla.org/docs/Web/CSS/padding-inline-end padding-inline-end]</code> || Gecko 41+ | ||
|- | |- | ||
| border-left<br>border-right || border-inline-start<br>border-inline-end || Gecko 41+ | | <code>border-left<br>border-right</code> || <code>[https://developer.mozilla.org/docs/Web/CSS/border-inline-start border-inline-start]<br>[https://developer.mozilla.org/docs/Web/CSS/border-inline-end border-inline-end]</code> || Gecko 41+ | ||
|- | |- | ||
| margin-left<br>margin-right || margin-inline-start<br>margin-inline-end || Gecko 41+ | | <code>margin-left<br>margin-right</code> || <code>[https://developer.mozilla.org/docs/Web/CSS/margin-inline-start margin-inline-start]<br>[https://developer.mozilla.org/docs/Web/CSS/margin-inline-end margin-inline-end]</code> || Gecko 41+ | ||
|- | |- | ||
|style="text-align: center" colspan="3"| absolute positioning | |style="text-align: center" colspan="3"| absolute positioning | ||
|- | |- | ||
| left<br>right || offset-inline-start<br>offset-inline-end || Gecko 41+ | | <code>left<br>right</code> || <code>[https://developer.mozilla.org/docs/Web/CSS/offset-inline-start offset-inline-start]<br>[https://developer.mozilla.org/docs/Web/CSS/offset-inline-end offset-inline-end]</code> || Gecko 41+ | ||
|- | |- | ||
|style="text-align: center" colspan="3"| float positioning | |style="text-align: center" colspan="3"| float positioning | ||
|- | |- | ||
| float: left<br>float: right || float: inline-start<br>float: inline-end || (not yet supported) | | <code>float: left<br>float: right</code> || <code>float: inline-start<br>float: inline-end</code> || (not yet supported) | ||
|} | |} | ||