Latest web development tutorials

propriété HTML DOM style maxHeight

Style de Object Reference style Objets

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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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>

Essayez »


Style de Object Reference style Objets