Neueste Web-Entwicklung Tutorials

×

JavaScript Referenz

JavaScript

JS Schnur JS Nummer JS Die Betreiber JS Statements JS Mathe JS Datum JS Feld JS Boolean JS RegExp JS Gesamtsituation JS Umwandlung

Browser BOM

Window Navigator Screen History Location

HTML DOM

DOM Dokument DOM Elements DOM Attribute DOM Ereignis DOM Stil

HTML Objekte

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

Andere Objekte

CSSStyleDeclaration

Style flexShrink Property

<Style - Objekt

Beispiel

Lassen Sie das blaue DIV-Element schrumpft fünfmal mehr als der Rest der flexiblen Elemente:

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

Versuch es selber "

Definition und Verwendung

Die flexShrink Eigenschaft gibt an, wie das Element im Verhältnis zum Rest der flexiblen Elemente in dem gleichen Behälter schrumpfen wird.

Note: Wenn das Element nicht ein flexibles Element ist, die flexShrink Eigenschaft hat keine Auswirkungen.

Browser-Unterstützung

Die flexShrink Eigenschaft wird in IE10 +, Firefox, Opera und Chrome unterstützt.

Hinweis: Safari 6.1 und höher unterstützt eine Alternative, die WebkitFlexShrink Eigenschaft.

Syntax

Bringen Sie die flexShrink Eigenschaft:

object .style.flexShrink

Stellen Sie die flexShrink Eigenschaft:

object .style.flexShrink=" Eigenschaftswerte

Wert	Beschreibung
number	Eine Zahl angibt, wie viel das Element an den Rest der flexiblen Elemente relativ schrumpft. Der Standardwert ist 0
initial	Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfang
inherit	Erbt diese Eigenschaft von seinem übergeordneten Elemente. Lesen Sie mehr über erben

Technische Details

Standardwert:	1
Rückgabewert:	Ein String, die die Bieger schrumpfen Eigenschaft eines Elements
CSS Version	CSS3

Verwandte Seiten

CSS - Referenz: flex-shrink property

HTML - DOM - ART - Referenz: flex property - flex property

HTML - DOM - ART - Referenz: flexBasis property

HTML - DOM - ART - Referenz: flexDirection property

HTML - DOM - ART - Referenz: flexFlow property - flexFlow property

HTML - DOM - ART - Referenz: flexGrow property

HTML - DOM - ART - Referenz: flexWrap property

<Style - Objekt