Tutoriel : Ajouter des contours de texte à vos projets Webflow

Tutoriel
25/4/2023
3 min
Text avec une stroke jaune sur Webflow
Key points

Dans ce tutoriel, vous apprendrez comment appliquer la nouvelle fonctionnalité Webflow qui vous permet d'ajouter un contour de texte (stroke) sur vos textes Webflow.

Comment ajouter des "border" sur un text Webflow

Étape 1 : Comment ajouter un contour de texte

Pour ajouter un contour de texte à un élément de texte (comme un bloc de texte - text bloc - , un paragraphe ou un titre - heading - ) il vous suffit de suivre ces étapes :

  1. Sélectionnez l'élément de texte (ou sa classe CSS) ou l'élément parent contenant plusieurs éléments de texte sur votre navigator.
  2. Accédez au panneau de Style : Style panel > Typography > More type options
  3. Ajustez la largeur (px) et la couleur du contour dans la section Stroke.
Interface Webflow qui montre comment ajouter une stroke et une couleur à un texte
En 2 clics.

Le contour de texte apparaîtra sur le texte de l'élément sélectionné. Notez que la couleur du contour est automatiquement définie comme la couleur de la police si elle n'a pas été définie sur un point d'arrêt supérieur.

Étape 2:  Modifier le contour de texte sur différents responsives

Si vous souhaitez que le contour de texte apparaisse différemment selon la taille de l'écran (desktop, tablette, mobile), vous pouvez modifier le style (CSS) du contour de texte sur différents points d'arrêt.

Interface Webflow qui montre comment ajouter une stroke et une couleur à un texte sur un responsive tablette.

Conclusion :

Avec cette nouvelle fonctionnalité de Webflow, vous pouvez désormais ajouter des contours de texte à vos projets pour un rendu visuel plus attrayant et dynamique. N'hésitez pas à expérimenter avec différentes couleurs et largeurs pour trouver le style qui convient le mieux à votre design.

Retrouvez d'autres astuces et tutoriels sur le blog de l'agence Webflow Digidop pour optimiser vos projets et développer vos compétences sur l'outil no-code révolutionnaire, Webflow.

Florian Bodelot
Florian Bodelot
Co-fondateur

Articles qui devraient vous intéresser

2025 SEO Stats
Documentation
SEO

Tendances SEO 2025 : 20 statistiques pour améliorer son référencement

Tendances SEO 2025 : 20 statistiques pour améliorer son référencement
Un diamant 3D brillant avec “Site of the Day” écrit en arrière-plan et quatre trophées affichés à l’avant.
Storytelling
Digidop

Awards & Distinctions : Digidop.com récompensé par des organismes prestigieux.

Awards & Distinctions : Digidop.com récompensé par des organismes prestigieux.
Deepseek vs ChatGPT
News
IA

DeepSeek vs ChatGPT : La comparaison complète 2025 qui bouleverse l'industrie de l'IA

DeepSeek vs ChatGPT : La comparaison complète 2025 qui bouleverse l'industrie de l'IA

Transformez votre site web en un moteur de croissance.

Nous contacter