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.
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像素
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>Résultat de sortie :
(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!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
