Последние учебники веб-разработки
×

JavaScript Справка

обзор

JavaScript

JS строка JS Число JS операторы JS Заявления JS математический JS Дата JS массив JS логический JS RegExp 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 flexShrink Property

<Style Object

пример

Пусть синий DIV элемент сжиматься в пять раз больше, чем в остальной части гибких элементов:

document.getElementById("myBlueDiv".style.flexShrink = "5";
Попробуй сам "

Определение и использование

Свойство flexShrink определяет, как элемент будет уменьшаться по отношению к остальной части гибких элементов внутри одной и той же емкости.

Note: Если элемент не является гибким элемент, свойство flexShrink не имеет никакого эффекта.


Поддержка браузеров

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Свойство flexShrink поддерживается в IE10 +, Firefox, Opera и Chrome.

Примечание: Safari 6.1+ поддерживает альтернативу, свойство WebkitFlexShrink.


Синтаксис

Возвращает свойство flexShrink:

object .style.flexShrink

Установите свойство flexShrink:

object .style.flexShrink=" Значения свойств
Стоимость Описание
number Число, указывающее, сколько элемент будет уменьшаться по отношению к остальной части гибких элементов. Значение по умолчанию равно 0
initial Установка этого свойства в значение по умолчанию. Читайте о первоначальном
inherit Inherits это свойство от родительского элемента. Читайте о унаследовать

Технические подробности

Значение по умолчанию: 1
Возвращаемое значение: Строка, представляющая гибкое термоусадочное свойство элемента
CSS версия CSS3

Похожие страницы

Ссылка CSS: flex-shrink property

HTML DOM СТАЙЛ Справка: flex property

HTML DOM СТИЛЬ Ссылка: flexBasis property

HTML DOM СТИЛЬ Ссылка: flexDirection property

HTML DOM СТИЛЬ Ссылка: flexFlow property

HTML DOM СТИЛЬ Ссылка: flexGrow property

HTML DOM СТИЛЬ Ссылка: flexWrap property


<Style Object