Ultimele tutoriale de dezvoltare web

×

JavaScript Referinţă

Prezentare generală

JavaScript

JS Şir JS Număr JS operatorii JS declaraţii JS Math JS Data JS mulțime JS boolean JS RegExp JS Global JS Conversie

Browser BOM

Window Navigator Screen History Location

HTML DOM

DOM Document DOM element DOM atribute DOM Evenimente DOM Stil

HTML Obiecte

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Alte obiecte

CSSStyleDeclaration

Style width Property

Exemplu

Setați lățimea unui <button> Element:

document.getElementById("myBtn").style.width = "300px";

Încearcă - l singur »

Definiție și utilizare

Proprietatea setează lățimea sau returnează lățimea unui element.

Proprietatea lățime are efect numai asupra elementelor de nivel bloc sau pe elementele cu poziție absolută sau fixă. Conținutul debordant poate fi manipulat cu proprietatea preaplin.

Sfat: Folosiți înălțimea proprietatea pentru a seta sau a reveni înălțimea unui element.

Suport pentru browser-

Proprietatea Lățimea este acceptată în toate browserele majore.

Sintaxă

Întoarcere proprietatea lățime:

object .style.width

Setați proprietatea lățime:

object .style.width="auto| Valori de proprietate

Valoare	Descriere
auto	Browser-ul stabilește lățimea. Acest lucru este implicit
length	Definește lățimea în unități de lungime
%	Definește lățimea în% din elementul părinte
initial	Setează această proprietate la valoarea implicită. Citiți despre inițială
inherit	Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc

Detalii tehnice

Valoare implicită:	auto
Întoarcere Valoare:	Un șir, reprezentând lățimea unui element
CSS Versiune	CSS1

Mai multe exemple

Exemplu

Schimbarea lățimea unui <div> Element:

document.getElementById("myDIV").style.width = "500px";

Încearcă - l singur »

Exemplu

Schimbați înălțimea și lățimea unui <img> Element:

document.getElementById("myImg").style.height = "300px";
document.getElementById("myImg").style.width = "300px";

Încearcă - l singur »

Exemplu

Readuceți lățimea unui <img> Element:

alert(document.getElementById("myImg").style.width);

Încearcă - l singur »

Pagini similare

Tutorial CSS: CSS Dimensiune

Tutorial CSS: Modelul CSS Box

Referință CSS: width property