Latest web development tutorials

HTML DOM style attribut largeur

Style de Object Reference style Objets

Définition et utilisation

ensembles de propriétés largeur ou retourne la largeur de l'élément.

attribut width ne jouent un rôle dans l'élément bloc de niveau des éléments ou une position absolue / fixe. Débordement contenu d'attribut de débordement peut être limité.

grammaire

Réglage de la propriété width:

Object.style.width="auto|length|%|inherit"

attributs Retour largeur:

Object.style.width

描述
auto 默认。浏览器设置的宽度。
length 使用 px、cm 等单位定义宽度。
% 定义宽度为父元素的百分比。
inherit width 属性的值从父元素继承。


support du navigateur

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Tous les principaux navigateurs prennent en charge l'attribut width.

Note: IE7 et les versions antérieures ne supportent pas la valeur "inherit".IE8 ne fournit DOCTYPE! Supporté "inherit". soutien IE9 "inherit".


Exemples

Exemples

Régler la largeur de la touche:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</title>
<script>
function displayResult(){
    document.getElementById("b1").style.width="300px";
}
</script>
</head>
<body>

<input type="button" id="b1" onclick="displayResult()" value="修改按钮的宽度">

</body>
</html>

Essayez »


Style de Object Reference style Objets