propriété HTML DOM style minWidth
Définition et utilisation
ensembles de propriétés minWidth ou retourne la largeur minimale d'un élément.
propriétés minWidth jouent un rôle que dans l'élément ou les éléments de position absolue / fixe au niveau du bloc.
grammaire
Définition des propriétés minWidth:
Object.style.minWidth="length|%|inherit"
Retour propriétés minWidth:
Object.style.minWidth
值 | 描述 |
---|---|
length | 使用 px、cm 等单位定义最小宽度。默认是 0。 |
% | 定义最小宽度为父元素的百分比。 |
inherit | minWidth 属性的值从父元素继承。 |
support du navigateur
Tous les principaux navigateurs prennent en charge la propriété minWidth.
Note: IE7 et les versions antérieures ne supportent pas la valeur "inherit".IE8 ne fournit DOCTYPE! Supporté "inherit". soutien IE9 "inherit".
Exemples
Exemples
La largeur minimale de l'élément:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</title>
<script>
function displayResult(){
document.getElementById("p1").style.minWidth="200px";
}
</script>
</head>
<body>
<p style="background:red;width:100px;" id="p1">这个段落的宽度是100px。<br>
当点击下面的按钮时,<br>
最小宽度被设置为200px,<br>
因此,这一个段落是200像素宽</p>
<input type="button" onclick="displayResult()" value="设置最小宽度">
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</title>
<script>
function displayResult(){
document.getElementById("p1").style.minWidth="200px";
}
</script>
</head>
<body>
<p style="background:red;width:100px;" id="p1">这个段落的宽度是100px。<br>
当点击下面的按钮时,<br>
最小宽度被设置为200px,<br>
因此,这一个段落是200像素宽</p>
<input type="button" onclick="displayResult()" value="设置最小宽度">
</body>
</html>
Essayez »
style Objets