Comment fonctionnent les marges négatives en CSS et pourquoi est-ce (margin-top:-5 != margin-bottom:5) ?

Comment Fonctionnent Les Marges Negatives En Css Et Pourquoi Est Ce Margin Top 5 Margin Bottom 5



La marge négative déplace le contenu en dehors de la page ou de son élément parent. Il permet de rapprocher l'élément de son élément voisin. En utilisant une marge négative, l'élément peut être affiché devant d'autres éléments. Ce concept est principalement utilisé pour créer des conceptions de sites Web uniques, par exemple, s'il est nécessaire d'afficher le texte devant l'image, une marge négative peut être utilisée à cette fin.

Cet article démontre :

Comment fonctionnent les marges négatives en CSS ?

La marge négative déplace le contenu en dehors de la page. La méthode d'utilisation d'une marge négative est la même que celle positive, sauf que le '-' est utilisé avec la valeur. Suivez les variations mentionnées ci-dessous de la marge négative :





Fichier HTML existant
Le ' livre.jpg ' est l'image stockée dans le répertoire local, son chemin est fourni en tant que ' src ' valeur. Le ' largeur ' et ' hauteur ” de l'image sont réglés sur 50 %. Créez maintenant un '

' élément et définissez son arrière-plan sur ' Dodgerblue ”. À l'intérieur de l'élément '
', créez un '

” tag et définissez son “ couleur ” au noir :



>
= '../livre.jpg' hauteur = 'cinquante%' ; largeur = 'cinquante%' >