English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
fond CSS-La propriété position définit lafond-imagePosition initiale (c'est-à-dire l'origine). Utilisez l'abréviationfondLes propriétés sont généralement plus pratiques.
Le tableau suivant résume l'utilisation et l'historique des versions de cette propriété.
| Valeur par défaut : | 0% 0% |
|---|---|
| Appliqué à : | Tous les éléments |
| Héritage : | Aucun |
| Animable : | Oui.Veuillez consulter Propriétés d'animation。 |
| Version : | CSS 1，2，3 |
| Syntaxe JavaScript: | object object.style.backgroundPosition="center" |
La syntaxe de cette propriété est la suivante :
fond-position: [ percentage | longueur | gauche | centré | droite ] 1 ou 2 values | initial | hériter
Les exemples suivants montrent comment utiliser background-propriété position.
p {
fond-image: url("images/smiley.png");
fond-position: 50% center;
}Testez pour voir‹/›Attention :Si seule une valeur est spécifiée, la deuxième valeur est supposée être au centre. Si deux valeurs sont utilisées et au moins l'une d'elles n'est pas un mot-clé, la première valeur représente la position horizontale, la deuxième valeur représente la position verticale.
Le tableau suivant décrit les valeurs de cette propriété.
| valeur | description |
|---|---|
| bas | est équivalent à la position verticale100％. |
| centré | si rien n'est spécifié, il est égal à la position horizontale50％，sinon indiquer la position verticale50％. |
| gauche | est équivalent à 0％ de la position horizontale. |
| droite | est équivalent à la position horizontale100％. |
| haut | position verticale égale à 0％. |
| longueur | longueur en pixels réels. Par exemple, en utilisant la valeur " 10px 2px" alors que le coin supérieur gauche de l'image est à droite de la boîte de l'élément10px, mais en dessous du coin supérieur gauche de la boîte20px。 |
| pourcentage | pourcentage de la taille de l'élément. Par exemple, en utilisant la valeur "0% 0%", le coin supérieur gauche de l'image est aligné avec le coin supérieur gauche de la boîte de l'élément. |
| initial | Définir cette propriété à sa valeur par défaut. |
| hériter | Si spécifié, l'élément lié utilise la valeur calculée de la propriété fond du parent-position. |
fond-Compatibilité du navigateur pour la propriété position, tous les navigateurs populaires prennent en charge cette propriété.
|
Veuillez consulter les tutoriels suivants :fond CSS，CSS3fond。
propriétés associées :fond，fond-attachement，fond-couleur，fond-coupe，fond-image，fond-origin，fond-repeat，fond-taille。