Module:StyleM/Documentation
Cette page n’est pas destinée à être visualisée directement. Les liens utilisant des pseudo-variables peuvent paraître rompus (en rouge) ; ne pas les remplacer par des noms de pages codés en dur ni des URL.
{{Module|nom du module}}
· {{Modèle utilisant les modules Lua}}
Modules de base :
Documentation module
· String
· List
· Wikibase
· TNT
Le module:StyleM contient le code pertinent pour traduire les commandes wsCss en commandes CSS, lesquelles sont ensuite inscrites dans <div style="commandes CSS">texte</div>
. Tout autre information, notamment des commandes CSS, sont simplement copiées.
Exemples
[modifier]Voyez ces exemples :
Paramètres dans l'appel de modèle
[modifier]Le module reconnaît des mots-clés qui sont (le plus souvent) suivis de valeurs, lesquels peuvent être suivis d'unités (px
, %
, em
...). Chaque séquence, que ce soit <mot-clé>
, <mot-clé>:<valeur>
ou <mot-clé>:<valeur><unité>
, doit être terminée par un point-virgule (;
). Notez les deux-points entre <mot-clé>
et <valeur>
. Ces séquences, qui sont dans les faits des commandes, appartiennent au langage « wsCss » (CSS de Wikisource).
Par exemple, cette commande wsCss
i; t:80; align:c;
est traduite en commande CSS
font-style: italic; font-size: 80%; text-align: center;
Descriptif | Mot-clé wsCss |
Mot-clé CSS |
Valeur | Exemple en wsCss |
Exemple en CSS |
---|---|---|---|---|---|
Taille (unité implicite : %) |
t | font-size | <nombre> |
t:80 | font-size: 80%; |
Taille | fs | font-size | <nombre><unité> |
fs:80% | font-size: 80%; |
Alignement | align | text-align | l (left)r (right)j (justify)c (center)g (gauche)d (droite)j (justifié)c (centré) |
align:g | text-align: left; |
Marge 4 directions | m | margin | <nombre><unité> |
m:2px | margin: 2px; |
Marge haut (Margin top) |
mh, mt | margin-top | <nombre><unité> |
mt:1em | margin-top: 1em; |
Marge droite (Margin right) |
md, mr | margin-right | <nombre><unité> |
md:1em | margin-right: 1em; |
Marge bas (Margin bottom) |
mb | margin-bottom | <nombre><unité> |
mb:1em | margin-bottom: 1em; |
Marge gauche (Margin left) |
mg, ml | margin-left | <nombre><unité> |
ml:3px | margin-left: 3px; |
Italique | i | (voir exemple) | nil | i | font-style: italic; |
Petites majuscules (small caps) |
sc | (voir exemple) | nil | sc | font-variant: small-caps; |
Police de caractères (font) |
ff | font-family | <police>,<police>... |
ff:serif | font-family: serif; |
Couleur des caractères | fc, ct | color | <couleur> |
fc:black | color: black; |
Couleur du fond (background-color) |
bc, cf | background-color | <couleur> |
bc:black | background-color: black; |
Gras (bold) |
gr, b | (voir exemple) | nil | g, b | font-weight: bold; |
Hauteur | h | height | <nombre><unité> |
h:100px | height: 100px; |
Largeur (Width) |
lg, w | width | <nombre><unité> |
l:100px | width: 100px; |
Interlettre | ls, sp | letter-spacing | <nombre><unité> |
ls:2px | letter-spacing: 2px; |
Intermot | ws | word-spacing | <nombre><unité> |
ws:5px | word-spacing: 2px; |
Hauteur de la ligne (Line height) |
lh | line-height | <nombre><unité> |
lh:12px | line-height: 2px; |
Tampon 4 directions | pad | padding | <nombre><unité> |
pad:2px | pad: 2px; |
Tampon haut (Padding top) |
padt | padding-top | <nombre><unité> |
padt:1em | padding-top: 1em; |
Tampon droite (Padding right) |
padr | padding-right | <nombre><unité> |
padr:1em | padding-right: 1em; |
Tampon bas (Padding bottom) |
padb | padding-bottom | <nombre><unité> |
padb:1em | padding-bottom: 1em; |
Tampon gauche (Padding left) |
padl | padding-left | <nombre><unité> |
padl:3px | padding-left: 3px; |
Indentation | indent | text-indent | <nombre><unité> |
indent:2em | text-indent: 2em; |
Soulignement | sou | (voir exemple) | nil | sou | text-decoration: underline; |
Surlignement | sur | (voir exemple) | nil | sur | text-decoration: overline; |
Le CSS, et donc wsCss, accepte des nombres décimaux positifs et négatifs. Le séparateur décimal est le point. Les unités usuelles sont %
, em
et px
(exemples : -1.5em
, 83%
). D’autres unités de mesure sont disponibles ; consulter la section Property Values de [1] et les sections Relative Lengths et Absolute Lengths de [2].
Pour les couleurs, utilisez l'un des mots-clés du CSS qui se trouvent dans MDN Web docs ou quackit. Le module accepte également bleu
, gris
, noir
, rouge
et vert
.
Pour les polices de caractères, utilisez l'un des mots-clés du CSS qui se trouvent dans Tutorial Brain. En CSS, il est possible d'indiquer plusieurs polices, voyez les explications de cette page.
Le module reconnaît à la fois le langage CSS et le langage wsCss. Par exemple, cette commande est correcte : i; font-size:80%; align:c;
. Dans ce cas, l'usage du langage CSS a rallongé la commande. Le langage wsCss propose, selon ses concepteurs, des substituts pour les mots-clés les plus utiles à la mission des wikisourciens. Il est possible de proposer des substituts wsCss pour beaucoup de mots-clés CSS, mais les concepteurs jugent que la liste actuelle des mots-clés wsCss suffit dans le cadre de Wikisource.
Paramètres dans le code du modèle
[modifier]Aucun