Comment faire des majuscules en CSS?
CSS permet une personnalisation flexibletexte, qui est représenté par le langage HMTL. Aujourd'hui, nous allons regarder l'action de la propriété "text-transform", qui permet de changer le registre des polices. Cette option est supportée par tous les navigateurs modernes et est incluse dans la spécification de toutes les versions de CSS.
Rendez-vous
La propriété "text-transform" peut prendre troisvaleurs de base et deux supplémentaires. Par exemple, vous pouvez attribuer une majuscule à tout le texte sélectionné. Ou, vous pouvez donner une commande à l'opposé de la propriété précédente, où tous les caractères deviennent en minuscules. Vous pouvez prendre rendez-vous en utilisant n'importe quelle méthode qui vous convient. Par exemple, en utilisant des styles intégrés. Ou vous pouvez créer
- Majuscules. Rend tous les symboles sélectionnés en majuscules. En CSS, les majuscules sont courantes, car cette valeur permet de résoudre de nombreuses tâches complexes liées au texte.
- Minuscule Cette propriété est complètement opposée à la commande majuscule.
- Capitaliser Change le cas de la première lettre en majuscule. Les caractères restants ne seront pas modifiés.
- Aucun. Vous permet d'annuler toutes les valeurs attribuées (nécessaire pour prédéfinir une propriété). Généralement, cette valeur est définie par défaut.
- Hériter Hérite de toutes les propriétés de l'élément parent. Il est à noter que IE ne supporte pas cette propriété.
Application
En utilisant CSS, les majuscules (oueffets similaires) est installé en utilisant une simple commande. Par conséquent, il n'est pas nécessaire de modifier ou de réécrire le texte entier. S'il s'agit d'un site d'une seule page, cette propriété peut ne pas être utile. Mais quand il y a un énorme portail sous votre contrôle, où vous devez corriger le cas des lettres dans certains fragments, alors "text-transformer" devient le seul outil efficace. Par exemple, vous devez corriger la police dans les balises d'en-tête "h2". Pour ce faire, ajoutez l'entrée: "h2 {text-transform: majuscule; } ", Et puis tous les en-têtes du deuxième niveau auront des majuscules.
Caractéristiques
Certains peuvent considérer ce manuelLe traitement de texte et la modification de la police à l'aide de la propriété "text-transform" n'ont aucune différence. Mais ce n'est pas le cas. Si vous modifiez manuellement les minuscules en majuscules (majuscules), lorsque vous copiez ces informations à partir de votre site, les caractères resteront inchangés. Si vous utilisez le langage CSS, tout se passe différemment. La propriété "text-transformer" seulement visuellement pour les utilisateurs change la police. Mais en réalité, les symboles restent inchangés. Cela se produit avec toutes les valeurs de cette propriété. Les informations copiées (texte) auront un registre initial, qui est utilisé dans le code source de la page. C'est la seule différence entre le traitement manuel et l'utilisation des commandes CSS.
Peu importe lequel vous voulez utiliser - inférieurou en majuscules, surtout, n'oubliez pas la destination. Par exemple, si vous avez besoin de modifications uniquement à des fins décoratives, vous pouvez appliquer en toute sécurité la propriété text-transform. Eh bien, si vous savez que vos utilisateurs vont probablement copier les informations que vous avez présentées, il est préférable de modifier manuellement la casse de tout le texte. Après tout, parfois, les lecteurs ne remarquent pas une telle substitution de police. Ceci est particulièrement important lorsqu'il s'agit de documents importants et d'informations similaires.
