Confirmed users
38
edits
Gaia/CSS Guidelines: Difference between revisions
→Use direction-sensitive rules: browser support
(→Use direction-sensitive rules: MDN links) |
(→Use direction-sensitive rules: browser support) |
||
| Line 145: | Line 145: | ||
|style="text-align: center" colspan="3"| text alignment | |style="text-align: center" colspan="3"| text alignment | ||
|- | |- | ||
| <code>text-align: left<br>text-align: right</code> || <code>text-align: start<br>text-align: end</code> || | | <code>text-align: left<br>text-align: right</code> || <code>text-align: start<br>text-align: end</code> || Chrome 1.0+, Safari 3.1+, Firefox 3.6+, Android, iOS <br> Not supported by Internet Explorer | ||
|- | |- | ||
|style="text-align: center" colspan="3"| padding, margin, border | |style="text-align: center" colspan="3"| padding, margin, border | ||
|- | |- | ||
| <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> || | | <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> || Firefox 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> || | | <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> || Firefox 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> || | | <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> || Firefox 41+ | ||
|- | |- | ||
|style="text-align: center" colspan="3"| absolute positioning | |style="text-align: center" colspan="3"| absolute positioning | ||
|- | |- | ||
| <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> || | | <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> || Firefox 41+ | ||
|- | |- | ||
|style="text-align: center" colspan="3"| float positioning | |style="text-align: center" colspan="3"| float positioning | ||