Comment régler la frontière de la police en CSS

Meilleur site Web éducatif

Pour placer la bordure autour de la police, nous utiliserons le CSS "-webkit-text-stroke"Propriété avec"1px«Border et donnez-lui le«rouge" couleur. Nous spécifierons également la couleur du texte comme bleu, en utilisant le «couleur" propriété:

CSS

H2
-Webkit-text-stroke: 1px rouge;
Couleur bleue;

Maintenant, nous allons enregistrer le code et ouvrirons le fichier HTML dans le navigateur:

On peut voir que la bordure de police a été appliquée avec succès en utilisant la propriété -webkit-text-stroke et le texte ajouté semble élégant.

Méthode 2: Utilisez la propriété Text-Shadow pour définir la bordure de police

"ombre de texte«La propriété est elle-même un terme auto-explicite car il est utilisé pour ajouter des ombres dans les textes. Cependant, il peut être manipulé pour régler efficacement la bordure de la police.

Alors, appliquons cette propriété CSS sur le même texte pour régler la bordure autour de lui.

Exemple

Ici, nous ferons sortir l'ombre rouge "1px"De chaque côté à l'aide de la propriété Text-Shadow,"-1px 0px 0px«Spécifiera l'ombre du côté gauche,«1px 0px 0px«Spérifiera l'ombre du côté droit,«0px -1px 0px«Spécifiera l'ombre du côté supérieur et«0px 11px 0px»Spécifiera l'ombre du côté inférieur:

CSS

H2
ombre de texte:
-1px 0px 0px rouge,
1px 0px 0px rouge,
0px -1px 0px rouge,
0px 1px 0px rouge; couleur: bleu;

Sortir

Nous avons compilé différentes approches pour définir les frontières des polices dans CSS.

Conclusion

Pour définir la frontière de la police en CSS, le «-webkit-text-stroke«Propriété et le«ombre de texte«La propriété peut être utilisée pour ajouter la bordure de la police de certaines manières. Le coup de texte de la propriété n'est pas inclus dans les normes W3C; Cependant, il peut être utilisé avec le mot-clé -webkit. Cet article a expliqué deux méthodes qui peuvent vous aider à définir les frontières des polices dans CSS.