propriété HTML DOM style maxHeight
Définition et utilisation
maxHeight ensembles de propriétés ou retourne la hauteur maximale de l'élément.
propriétés maxHeight jouent un rôle que dans l'élément ou les éléments de position absolue / fixe au niveau du bloc.
Remarque: La hauteur d'un élément ne peut jamais être supérieure à la valeur spécifiée propriété maxHeight.
grammaire
Définition des propriétés maxHeight:
Object.style.maxHeight="none|length|%|inherit"
Retour propriétés maxHeight:
Object.style.maxHeight
值 | 描述 |
---|---|
none | 默认。元素的高度没有限制。 |
length | 使用 px、cm 等单位定义最大高度。 |
% | 定义最大高度为父元素的百分比。 |
inherit | maxHeight 属性的值从父元素继承。 |
support du navigateur
Tous les principaux navigateurs prennent en charge la propriété maxHeight.
Note: IE7 et les versions antérieures ne supportent pas la valeur "inherit".IE8 ne fournit DOCTYPE! Supporté "inherit". soutien IE9 "inherit".
Exemples
Exemples
Définit la hauteur maximale de l'élément:
<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "utf-8">
<Titre> Ce tutoriel (w3big.com) </ title>
<Script>
fonction displayResult () {
document.getElementById ( "p1") style.maxHeight = "15px" .;
}
</ Script>
</ Head>
<Body>
<P style = "background: red;" id = "p1"> Ceci est un texte. Ceci est un texte. Ceci est un texte. Ceci est un texte. Ceci est un texte. Ceci est un texte. Ceci est un texte. </ P>
<Input type = "button" onclick = "displayResult ()" value = "réglage de la hauteur maximale de l'élément">
</ Body>
</ Html>
<Html>
<Head>
<Meta charset = "utf-8">
<Titre> Ce tutoriel (w3big.com) </ title>
<Script>
fonction displayResult () {
document.getElementById ( "p1") style.maxHeight = "15px" .;
}
</ Script>
</ Head>
<Body>
<P style = "background: red;" id = "p1"> Ceci est un texte. Ceci est un texte. Ceci est un texte. Ceci est un texte. Ceci est un texte. Ceci est un texte. Ceci est un texte. </ P>
<Input type = "button" onclick = "displayResult ()" value = "réglage de la hauteur maximale de l'élément">
</ Body>
</ Html>
Essayez »
style Objets