Ét.Nadji.fr/

Du code, des mots, des livres.

Aide-mémoire 2

18/04/2017 à 19h

Activer les chiffres elzéviriens 🔗

Pour utiliser les chiffres elzéviriens, il faut travailler en CSS 3 et avoir défini une police qui les supporte, par exemple la Linux Libertine. Puis:

/* Activés */
font-feature-settings: "onum" 1;
/* Désactivés */
font-feature-settings: "onum" 0;

En fait, on active une fonctionnalité OpenType. Pour plus de détails sur le principe, voir ici, pour la liste de ce qu’on peut activer, il y a une liste avec des exemples (à partir de la page 12) et une sans exemple.

Et ça ressemble à quoi ? 🔗

Cet exemple ne fonctionne que si vous avez la Linux Libertine d’installée.

Avec:

0123456789

Sans:

0123456789

Faire des tableaux avec des lignes alternant de couleur de fond 🔗

Il faut appliquer le selecteur nth-child() sur tr. Par exemple :

/* Lignes paires */
tr:nth-child(even) td {background-color: grey;}
/* Lignes impaires */
tr:nth-child(odd) td {background-color: darkgrey;}

Appliquer une couleur de fond spécifiquement sur la première ligne d’un tableau 🔗

Cette fois, c’est le sélecteur first-child qu’il faut appliquer sur tr. Par exemple:

tr:first-child() td {background-color: green;}

Cela peut être utile si on ne sait pas si des th seront utilisés dans les tableaux.

Commentaires

Pour commenter ce billet, envoyez un mail sur etnadji (at) eml.cc, ou créez-vous votre blog.