Modificateurs de filtre anti-abus, Bureaucrates, Administrateurs d’interface, Exemptés de blocage d’IP, Administrateurs
28 921
modifications
« Le langage HTML/Internationalisation » : différence entre les versions
→Exemple de feuille de style différenciant la langue
(→Identificateur de la langue : portuguais....) |
|||
|
== Exemple de feuille de style différenciant la langue ==
L'exemple suivant est une feuille de style (écrite en [[CSS]]) dans laquelle la mise en page d'un paragraphe dépend de la langue.
<syntaxhighlight lang="css">
{{rouge|/*}} ********** Anglais ********** {{rouge|*/}}▼
[lang|="en"] > * { quotes: '\2018' '\2019' '\201c' '\201d'; } {{rouge|/*}} guillemets de citation, 2 niveaux de citation {{rouge|*/}}▼
[lang|="en-US"] > * { quotes: '\201c' '\201d' '\2018' '\2019'; } {{rouge|/*}} différents en GB et aux US {{rouge|*/}}▼
▲
p:lang(en) {▼
▲
text-align:left; {{rouge|/*}} texte aligné à gauche {{rouge|*/}}▼
▲ margin-top: 1em;
margin-top: 1em;
}▼
margin-bottom: 1em; /* alinéa "pavé" (interligne) */
</syntaxhighlight>
Les guillemets étant des caractères non-ASCII, on les mentionne en CSS en indiquant le code Unicode en hexadécimal après une barre de fraction (U+00ab est le guillemet ouvrant français ''<code>«</code>'', U+00a0 est l'espace insécable…). Si on définit la page de code utilisée dans la feuille de style, on peut utiliser des caractères non-ASCII, mais la solution avec les barres de fraction inversée est universelle.
| |||