CSS top propriété
Exemples
Le bord supérieur de l'image est disposé au-dessous du bord supérieur de son élément contenant 5 pixels positions:
{
position: absolute;
top: 5px;
}
Essayez »
Définition des attributs et des instructions
top attribut spécifie le bord supérieur de l'élément. Cet attribut définit un élément de la marge de positionnement à la frontière entre la limite de bloc compensé sa contiennent.
Relative élément de définitions, si haut et en bas sont auto, alors la valeur calculée est 0; si l'un d'eux est automatique, puis prendre une autre valeur de nombre opposé, si ni est automatique, en bas prendra la valeur supérieure numéro opposé.
Remarque: Si la valeur est la position "statique" "" la propriété, puis définissez la "" propriété top n'a pas d' effet.
| Par défaut: | auto |
|---|---|
| Héritage: | aucun |
| Version: | CSS2 |
| Syntaxe JavaScript: | objet .style.top = "50px" |
support du navigateur
Les chiffres du tableau représentent le premier navigateur pour soutenir le numéro de version de la propriété.
| 属性 | |||||
|---|---|---|---|---|---|
| top | 1.0 | 5.0 | 1.0 | 1.0 | 6.0 |
Valeur de la propriété
| valeur | description |
|---|---|
| auto | Par défaut. Calculé sur le bord de l'emplacement du navigateur. |
| % | Établir en tant que pourcentage de la position supérieure, l'élément de mesure contenant. Vous pouvez utiliser une valeur négative. |
| longueur | Utilisez px, cm, et d'autres unités définies top position de l'élément. Vous pouvez utiliser une valeur négative. |
| hériter | Des dispositions devraient hériter de la valeur de la propriété supérieure de l'élément parent. |
articles connexes
Tutoriel CSS: CSS Positionnement