L'attribut CSS top spécifie le bord supérieur de l'élément. Cet attribut définit le décalage entre la limite de la marge supérieure d'un élément positionné et la limite supérieure de son bloc conteneur. Tous les principaux navigateurs prennent en charge l'attribut top.
Comment utiliser l'attribut css top ?
Fonction : 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 :
Pour les éléments statiques, c'est automatique
Pour les valeurs de longueur, c'est la longueur absolue correspondante
Pour les valeurs en pourcentage, c'est la valeur spécifiée sinon c'est auto. Pour les éléments de définition relative, si top et bottom sont tous deux auto, leurs valeurs calculées sont toutes deux 0 ; Si l'une d'elles est auto, la valeur opposée de l'autre est prise ; Si ni l'un ni l'autre n'est auto, la valeur inférieure prendra l'opposé de la valeur supérieure. Remarque : Tous les principaux navigateurs prennent en charge l'attribut top. La valeur d'attribut « inherit » n'est prise en charge dans aucune version d'Internet Explorer (y compris IE8).Exemple d'utilisation de l'attribut CSS top
<html>
<head>
<style type="text/css">
img
{
position:absolute;
top:5px;
}
</style>
</head>
<body>
<img src="https://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg" / alt="Comment utiliser l'attribut CSS top" >
<h1>This is a heading</h1>
</body>
</html>
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!
Comment supprimer des pages vierges dans Word sans affecter les autres formats
Système OA définitivement gratuit
Quelle est la température normale d'un ordinateur portable ?
Comment mesurer la vitesse du réseau sur un ordinateur
Quelle est la différence entre golang et python
Introduction à l'utilisation du code complet VBS
Comment lire des données Excel en HTML
Comment acheter et vendre du Bitcoin sur la plateforme Ouyi
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
