Najnowsze tutoriale tworzenie stron internetowych

×

JavaScript Odniesienie

JavaScript

JS Strunowy JS Numer JS operatorzy JS Sprawozdania JS Matematyka JS Data JS Szyk JS Boolean JS RegExp JS Światowy JS Konwersja

Przeglądarka BOM

Window Navigator Screen History Location

HTML DOM

DOM Dokument DOM Elementy DOM Atrybuty DOM Wydarzenia DOM Styl

HTML Przedmioty

<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>

Inne obiekty

CSSStyleDeclaration

Style width Property

Przykład

Ustaw szerokość <button> element:

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

Definicja i Wykorzystanie

Właściwość width ustawia lub Zwraca szerokość elementu.

Właściwość szerokość ma wpływ jedynie na elementach blokowych lub na elementach z absolutnym lub stałym położeniu. Kipiącym zawartość można manipulować za pomocą właściwości przelewowego.

Wskazówka: Użyj wysokość właściwość, aby ustawić lub powrócić wysokość elementu.

Wsparcie przeglądarka

Właściwość szerokość jest obsługiwana we wszystkich głównych przeglądarkach.

Składnia

Zwraca właściwość width:

object .style.width

Ustaw właściwość width:

object .style.width="auto| wartości nieruchomości

Wartość	Opis
auto	Przeglądarka ustawia szerokość. Jest to domyślny
length	Określa szerokość w jednostkach długości
%	Określa szerokość w% rodzica
initial	Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowy
inherit	Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczyć

Szczegóły techniczne

Domyślna wartość:	automatyczny
Zwracana wartość:	Ciąg reprezentujący szerokość elementu
Wersja CSS	CSS1

Więcej przykładów

Przykład

Zmień szerokość <div> element:

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

Przykład

Zmienić wysokość i szerokość w <img> elementu:

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

Przykład

Zwraca szerokość na <img> elementu:

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

Podobne strony

Kurs CSS: CSS Dimension

Kurs CSS: Model CSS Box

Odniesienie CSS: width property