[spip-dev] Une astuce CSS pour l'internationalisation

Hello,

Je suis tombé sur https://piccalil.li/tutorial/css-logical-properties/
qui présente margin-inline-start: 1em;
qui met une marge au début d'un texte en tenant compte de son orientation (selon la langue).

Et y'en a plein d'autres :
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Logical_Properties

Si ça peut être utile :wink:

RealET a écrit le 23/04/2020 à 23:13 :

Hello,

Je suis tombé sur https://piccalil.li/tutorial/css-logical-properties/
qui présente margin-inline-start: 1em;
qui met une marge au début d'un texte en tenant compte de son orientation (selon la langue).

Et y'en a plein d'autres :
CSS logical properties and values - CSS: Cascading Style Sheets | MDN

Si ça peut être utile :wink:

Et j'en rajoute une couche :

Très intéressant, merci pour l'info.

On retrouve la même logique que flexbox avec start/end.
La syntaxe est finalement assez naturelle, comme d'habitude la
difficulté c'est le support des vieux navs qui oblige à avoir des CSS
plus verbeuses.