oujood.com

CSS La propriété : margin-bottom

La propriété de feuille de style css margin-bottom css permet de gérer la marge extérieure du bas d'un élément HTML ou XHTML

chercher |

CSS les marges extérieurs


Les propriétés CSS

La propriété de feuille de style css margin-bottom css permet de gérer la marge extérieure du bas d'un élément HTML ou XHTML

Définition et utilisation:La propriété margin-bottom

La propriété margin-bottom définie la marge extérieure bas d'un élément HTML.

La propriété CSS margin-bottom permet de définir la marge inférieure d'un élément HTML. La marge est l'espace vide entourant un élément, qui sépare celui-ci des autres éléments de la page.

La valeur de la propriété margin-bottom peut être spécifiée en utilisant différentes unités, comme les pixels (px), les points (pt), les pourcentages (%), etc. Par exemple, pour définir une marge inférieure de 20 pixels, on peut utiliser la syntaxe suivante :

Exemple :       Copier le code

div {
  margin-bottom: 20px;
}

Il est également possible de spécifier des valeurs négatives pour la propriété margin-bottom, ce qui permet de superposer les éléments. Cependant, cette pratique n'est généralement pas recommandée car elle peut causer des problèmes de mise en page et d'accessibilité.

Il est important de noter que la propriété margin-bottom ne s'applique qu'à un seul côté de l'élément, à savoir le bas. Pour définir les marges sur tous les côtés d'un élément, il est préférable d'utiliser la propriété margin.

La propriété CSS margin-bottom est utilisée pour définir l'espacement entre un élément HTML et les éléments suivants. Elle permet de créer de la marge entre les éléments, ce qui peut améliorer la lisibilité et la présentation d'une page web.

La valeur de la propriété margin-bottom peut être spécifiée en utilisant différentes unités de mesure, telles que les pixels (px), les points (pt), les pourcentages (%), les em (qui est basé sur la taille de police de l'élément parent) et les rem (qui est basé sur la taille de police de l'élément racine). Par exemple, pour définir une marge inférieure de 20 pixels, on peut utiliser la syntaxe suivante :

Exemple :       Copier le code

div {
  margin-bottom: 20px;
}

Il est également possible de spécifier des valeurs négatives pour la propriété margin-bottom, ce qui permet de superposer les éléments. Cependant, cette pratique n'est généralement pas recommandée car elle peut causer des problèmes de mise en page et d'accessibilité. Il est donc important de vérifier que l'utilisation de valeurs négatives est justifiée dans le contexte de votre projet.

Il est important de noter que la propriété margin-bottom ne s'applique qu'à un seul côté de l'élément, à savoir le bas. Pour définir les marges sur tous les côtés d'un élément, il est préférable d'utiliser la propriété margin qui permet de définir les marges en une seule ligne de code, comme ceci :

Exemple :       Copier le code

div {
  margin: 20px;
}

Il est également possible de définir les marges pour chaque côté individuellement, en utilisant les propriétés margin-top, margin-right, margin-bottom, et margin-left.

Note: Les valeurs négatives sont autorisées.

Exemple :       Copier le code

	p
	{
	margin-bottom:5px;
	}
Valeurs par défaut 0
Inherited: non
Animable : oui En savoir plus sur l'animable
Version: CSS1
Syntaxe JavaScript: object.style.marginBottom="10px"

Valeurs de la propriété :margin-bottom

Valeur Description
auto l'explorateur calcule la marge automatiquement
nombre définie la marge en px ou cm
% un pourcentage de la largeur de lélément parent
inherit Indique que le paramètre de la propriété doit être héritée de l'élément parent. Internet Explorer (IE8 y compris) ne supporte pas cette valeur

En résumé, la propriété CSS margin-bottom est un outil puissant pour contrôler l'espacement entre les éléments d'une page web. Elle permet de créer de l'espace entre les éléments, améliorant ainsi la lisibilité et la présentation de la page. Il est important de comprendre comment utiliser les différentes unités de mesure pour spécifier les valeurs, ainsi que les implications potentielles de l'utilisation de valeurs négatives. Il est également important de noter que la propriété margin-bottom ne s'applique qu'à un seul côté de l'élément, il est donc important de considérer l'utilisation de propriétés de marge plus globales comme margin pour un contrôle plus efficace de l'espacement entre les éléments. En utilisant ces propriétés de manière efficace, vous pouvez améliorer l'apparence et l'expérience utilisateur de votre site web.
La propriété CSS margin-bottom est très utile pour contrôler l'espacement entre les éléments d'une page web, mais il faut l'utiliser avec précaution pour éviter des problèmes de mise en page.



Voir aussi nos tutoriel :

PHP simpleXML

PHP5 simpleXML

css3 fonts

Polices en CSS3. CSS3 Fonts comment utiliser des polices non standariées dans une page web

Elément XSLT XSL value of

Elément XSLT XSL value of