Latest web development tutorials

propriété HTML DOM style minWidth

Style de Object Reference style Objets

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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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>

Essayez »


Style de Object Reference style Objets