Recettes de code (2)

Mise en évidence des mises à jour

Les mises à jour sont pré­cé­dées d’un [MAJ].

Seule limi­ta­tion, je n’arrive pas à inter­na­tio­na­li­ser ([UPD] pour l’anglais). Ou plu­tôt, je ne peux pas inter­na­tio­na­li­ser pour le XHTML 1.1, car CSS ne recon­naît pas xml:lang, uni­que­ment lang.

ins	{
border-bottom:.1em dashed;
text-decoration:none          /*Pour désactiver le comportement par défaut*/
}

ins:before	{
display:marker;
font-weight:700
}

ins[datetime]:before {
content:"[MAJ - "attr(datetime)"] "}

Mise en évidence des exemples

Les exem­pli­fi­ca­tions sont pré­cé­dées d’un [Exemple].

samp:before	{
	display:marker;
	font-weight:700
}

samp:before	{content:"[Exemple] "}

Mise en évidence des saisies

Les sai­sies sont bor­dées, pour simu­ler une touche de clavier.

J’étends kbd à l’usage de toute entrée de don­née (c’est-à-dire, pas uni­que­ment au cla­vier). Code récu­péré chez Fré­dé­ric Latour.

kbd {
border:1px solid silver;
font-family:Verdana,Arial,Geneva,Helvetica,sans-serif;
font-size:0.90em;
padding:0 0.25em
}

Mise en évidence des variables

Les variables sont entou­rées par des crochets.

var	{
	font-family:Courier,monospace;
	font-style:normal
}
var:before	{
	content:"<";
	display:marker
}

var:after	{
	content:">";
	display:marker
}

3 thoughts on “Recettes de code (2)

  1. Pingback: CSS code recipes | David Latapie

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

*

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>