Maison > interface Web > tutoriel CSS > Que signifie top en CSS

Que signifie top en CSS

WBOY
Libérer: 2021-12-10 15:12:21
original
8943 Les gens l'ont consulté

En CSS, top signifie "haut" et "distance depuis le haut". L'attribut top est utilisé avec l'attribut position pour définir la distance depuis le haut de l'élément positionné. L'attribut top peut définir le décalage entre la limite de la marge supérieure d'un élément positionné et la limite supérieure de son bloc contenant. L'attribut top ne fonctionne que sur les éléments positionnés.

Que signifie top en CSS

L'environnement d'exploitation de ce tutoriel : système Windows 10, version CSS3&&HTML5, ordinateur Dell G3.

Que signifie top en CSS

En CSS, top signifie "top", et l'attribut top est utilisé pour définir la distance entre l'élément positionné et le haut. L'attribut

top spécifie le bord supérieur de l'élément. Cette propriété définit le décalage entre la limite de marge supérieure d'un élément positionné et la limite supérieure de son bloc conteneur.

Remarque : Si la valeur de l'attribut "position" est "statique", alors la définition de l'attribut "top" n'aura aucun effet.

La syntaxe est la suivante :

position:absolute; //这个是必须的,top和left才能起作用
top: 10px; //距离顶部10像素,就是想下面移动10像素
Copier après la connexion

L'exemple est le suivant :

<html>
<head>
<style type="text/css">
img{
position:absolute;
top:30px;
}
</style>
</head>
<body>
<img  src="1115.08.png" / alt="Que signifie top en CSS" >
<h1>This is a heading</h1>
</body>
</html>
Copier après la connexion

Résultat de sortie :

Que signifie top en CSS

(Partage vidéo d'apprentissage : Tutoriel vidéo CSS)

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!

Étiquettes associées:
css
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal