Maison > Article > interface Web > Comment utiliser l'attribut CSS top
Comment utiliser l'attribut CSS top
- 藏色散人original
- 2019-05-30 09:25:235164parcourir
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>Sortie d'effet :
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!