Maison > Article > interface Web > Comment utiliser l'attribut CSS gauche
Comment utiliser l'attribut CSS gauche
- 青灯夜游original
- 2019-05-30 14:46:453181parcourir
L'attribut
left est un attribut de positionnement de CSS, utilisé pour spécifier le bord gauche de l'élément, et définit le décalage entre la limite de marge gauche de l'élément positionné et la limite gauche de son bloc conteneur. Si la valeur de la propriété « position » est « statique », alors la définition de la propriété « gauche » n'a aucun effet.
Comment utiliser l'attribut CSS left ?
L'attribut left spécifie le bord gauche de l'élément. Cette propriété définit le décalage entre le bord de la marge gauche de l'élément positionné et le bord gauche de son bloc conteneur.
Syntaxe :
left: auto|%|length|inherit;
Valeur de l'attribut :
●Auto : valeur par défaut. Calculez la position du bord gauche via le navigateur.
● % : définit la position gauche en pourcentage de l'élément conteneur. Des valeurs négatives peuvent être utilisées.
●length : définissez la position gauche de l'élément en utilisant des unités telles que px, cm, etc. Des valeurs négatives peuvent être utilisées.
● hériter : Spécifie que la valeur de l'attribut gauche doit être héritée de l'élément parent.
Remarque : Tous les principaux navigateurs prennent en charge l'attribut left. La valeur d'attribut « inherit » n'est prise en charge dans aucune version d'Internet Explorer (y compris IE8).
Exemple d'attribut CSS gauche
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
img
{
position:absolute;
left:100px;
}
</style>
</head>
<body>
<h1>This is a heading</h1>
<img src="https://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg" / alt="Comment utiliser l'attribut CSS gauche" >
</body>
</html>Rendu :
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!