最新的Web開發教程

×

JavaScript 參考

JavaScript

JS 字符串 JS 數 JS 運算符 JS 聲明 JS 數學 JS 日期 JS 排列 JS 布爾 JS 正則表達式 JS 全局 JS 轉變

瀏覽器 BOM

Window Navigator Screen History Location

HTML DOM

DOM 文件 DOM 分子 DOM 屬性 DOM 事件 DOM 樣式

HTML 對象

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

其他對象

CSSStyleDeclaration

Style flexGrow Property

例

讓藍色DIV元素增長比柔性其餘項目更廣泛的五次：

document.getElementById("myBlueDiv".style.flexGrow = "5";

定義和用法

該flexGrow屬性指定該項目將多少相對於同一容器內的靈活其餘項目增長。

Note:如果元素不是一個靈活的項目，該flexGrow屬性沒有任何效果。

瀏覽器支持

該flexGrow屬性在IE10 +，Firefox，歌劇，和Chrome支持。

注：Safari瀏覽器6.1以上支持的替代方案，WebkitFlexGrow財產。

句法

返回flexGrow屬性：

object .style.flexGrow

設置flexGrow屬性：

object .style.flexGrow=" 屬性值

值	描述
number	一個數字，指定該項目將多少相對靈活的其餘項目增長。默認值為0。
initial	將此屬性設置為默認值。閱讀關於初始
inherit	繼承其父元素此屬性。閱讀關於繼承

技術細節

默認值：	0
返回值：	一個字符串，代表某個元件的柔性成長屬性
CSS版本	CSS3

相關頁面

CSS參考： flex-grow property

HTML DOM樣式的引用： flex property

HTML DOM樣式的引用： flexBasis property

HTML DOM樣式的引用： flexDirection property

HTML DOM樣式的引用： flexFlow property

HTML DOM樣式的引用： flexShrink property

HTML DOM樣式的引用： flexWrap property