Auteur/autrice : Alban
-
object-position : Propriété CSS pour positionner un élément
La propriété CSS object-position est un outil puissant pour les développeurs web qui souhaitent contrôler la position d’un élément remplacé à l’intérieur de son conteneur. Cela s’applique principalement aux éléments tels que les images <img>, les vidéos <video>, et d’autres éléments qui peuvent avoir un contenu de remplacement. La propriété object-position object-position: 50% 50%; object-position:…
-
object-fit : Propriété CSS pour l’affichage des images
La propriété CSS object-fit permet aux développeurs web de contrôler la façon dont une image ou une vidéo est redimensionnée pour s’adapter à son conteneur. Elle est particulièrement utile dans des situations où les dimensions de l’image ou de la vidéo diffèrent de celles du conteneur, ce qui pourrait autrement entraîner une distorsion ou un…
-
text-overflow : Propriété CSS pour un texte hors des limites
La propriété CSS text-overflow permet de définir l’affichage d’un texte qui dépasse les limites de son conteneur. Cela peut être utile pour contrôler l’apparence des textes longs dans des espaces restreints, par exemple dans des menus, des titres ou des boutons. La propriété text-overflow text-overflow: visible; text-overflow: ellipsis; text-overflow: clip; Lorem ipsum dolor sit amet,…
-
line-clamp : Propriété CSS pour tronquer le nombre de ligne
La propriété CSS line-clamp permet de limiter le nombre de lignes de texte affichées dans un élément. Elle est particulièrement utile pour afficher des extraits de texte concis et éviter les débordements dans des mises en page contraignantes. Introduite initialement comme préfixe -webkit-line-clamp pour les navigateurs basés sur WebKit, elle est désormais implémentée nativement dans…
-
Contour de texte en CSS avec text-stroke ou text-shadow
Un contour de texte en CSS permet d’ajouter une bordure esthétique et accrocheuse autour du texte, le rendant plus visible et distinctif. Cette technique est particulièrement utile pour mettre en valeur des titres, des mots clés ou des sections importantes de contenu. En CSS, deux propriétés principales permettent de créer un contour de texte :…
-
caret-color : Changer la couleur du curseur d’un champ input
La propriété caret-color en CSS permet de personnaliser la couleur du curseur de texte dans un champ de saisie (input, textarea, …). Cette fonctionnalité, relativement récente, offre de nouvelles possibilités pour améliorer l’ergonomie et l’esthétique de vos interfaces web. La propriété caret-color caret-color: auto; caret-color: #ffcc00; caret-color: #C00; caret-color: transparent; Entrez du texte ci-dessous pour…