Maison >interface Web >tutoriel CSS >Que signifie marge supérieure ?

Que signifie marge supérieure ?

不言original: 2019-04-11 09:55:3234755parcourir

Margin-top est une propriété en CSS, utilisée pour définir la marge supérieure d'un élément. Tous les principaux navigateurs prennent en charge la propriété margin-top. Examinons brièvement l'utilisation de la propriété margin-top.

La syntaxe de margin-top est la suivante :

margin-top:value

La valeur de value a les possibilités suivantes :

auto : La marge supérieure définie par le navigateur.

longueur : Définissez une marge supérieure fixe. La valeur par défaut est 0.

% : définit la marge supérieure sous forme de pourcentage basé sur la hauteur totale de l'objet parent.

inherit : Spécifie que la marge supérieure doit être héritée de l'élément parent.

Jetons un coup d'œil à un exemple de code simple :

<html>
<head>
<style type="text/css">
p.topmargin {margin-top: 5cm}
</style>
</head>

<body>
<p>这个段落没有指定外边距。</p>
<p class="topmargin">这个段落带有指定的上外边距。</p>
</body>
</html>

Les résultats d'exécution sont les suivants :

Que signifie marge supérieure ?

Cet article se termine ici C'est fini. Pour un contenu plus passionnant, vous pouvez faire attention à la colonne Tutoriel vidéo CSS du site Web PHP chinois ! ! !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Résumé des beaux styles de boutons CSSArticle suivant：Résumé des beaux styles de boutons CSS

Articles Liés

Voir plus