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 · TNTLe 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