Maison > Article > interface Web > Comment utiliser la propriété CSS bottom
Comment utiliser la propriété CSS bottom
- 藏色散人original
- 2019-05-29 13:55:523150parcourir
La propriété CSS bottom est utilisée pour spécifier le bord inférieur de l'élément. Cette propriété définit le décalage entre la limite de marge inférieure de l'élément positionné et la limite inférieure de son bloc contenant. Si la valeur de la propriété « position » est « statique », alors la définition de la propriété « bottom » n'a aucun effet.
Comment utiliser l'attribut CSS bottom ?
Fonction : L'attribut bottom spécifie le bord inférieur de l'élément.
Description : Cet attribut définit le décalage entre la limite inférieure de la marge de l'élément positionné et la limite inférieure de son bloc contenant. Si la valeur de la propriété « position » est « statique », alors la définition de la propriété « bottom » n'a aucun effet.
Remarque : tous les principaux navigateurs prennent en charge l'attribut bottom. La valeur de l'attribut « inherit » n'est prise en charge dans aucune version d'Internet Explorer (y compris IE8).
Exemple d'utilisation de l'attribut CSS bottom
<html>
<head>
<style type="text/css">
img.ex1
{
position:absolute;
bottom:0px;
}
img.ex2
{
position:relative;
bottom:-100px;
}
</style>
</head>
<body>
<img class="ex1" src="https://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg" / alt="Comment utiliser la propriété CSS bottom" >
<h1>This is a heading</h1>
<img class="ex2" src="https://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg" / alt="Comment utiliser la propriété CSS bottom" >
</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!