CATALOGUE Code & Data Formation XHTML/CSS Apprendre HTML 5 - Les fondamentaux

Utilisation de CSS pour générer des petites capitales

Retour à la formation
Chapitre 16 Leçon 2
Précédent
Suivant

Apprenez à utiliser la propriété fontVariant en CSS pour transformer des majuscules en petites capitales.

Détails de la leçon

Description de la leçon

Dans cette leçon, nous allons explorer une fonctionnalité spécifique de CSS : la propriété fontVariant. Contrairement à la transformation standard des majuscules à l'aide de textTransform, fontVariant permet de créer des petites capitales, une forme typographique où les lettres minuscules sont transformées en capitales réduites en taille. Cette technique est particulièrement utile pour donner un aspect sophistiqué et professionnel à vos paragraphes tout en conservant les majuscules initiales de début de phrase. Pour appliquer cette transformation, la valeur smallCaps doit être assignée à la propriété fontVariant dans votre feuille de style CSS. Cette leçon détaillée vous montre comment implémenter cette fonctionnalité efficacement dans vos projets web.

Objectifs de cette leçon

À la fin de cette vidéo, vous serez capable d’utiliser la propriété fontVariant pour créer des petites capitales et d'appliquer cette technique à vos textes en CSS.

Prérequis pour cette leçon

Des connaissances de base en CSS et en manipulation de styles sont requises pour suivre cette vidéo.

Métiers concernés

Cette compétence est essentielle pour des métiers comme designer UX/UI, graphiste, et développeur front-end.

Alternatives et ressources

En cas de besoin, d'autres techniques telles que JavaScript ou des frameworks CSS pourraient être explorées pour manipuler la typographie.

Questions & Réponses

La propriété CSS utilisée pour générer des petites capitales est fontVariant.
La valeur à assigner à fontVariant pour activer les petites capitales est smallCaps.
Non, la transformation de fontVariant conserve les majuscules initiales de début de phrase intactes.