{"json_modified": "2016-04-29T11:56:57.615589", "uuid": "29887bfc-c97a-40a0-ace2-83bd74932f20", "title": "box-decoration-break", "url": "/fr/docs/Web/CSS/box-decoration-break", "tags": ["CSS", "Exp\u00e9rimental", "Propri\u00e9t\u00e9", "R\u00e9f\u00e9rence"], "translations": [{"uuid": "f5f0b256-9651-4c69-8bc4-049c063f6c35", "title": "box-decoration-break", "url": "/en-US/docs/Web/CSS/box-decoration-break", "tags": ["CSS", "Reference", "CSS Fragmentation", "CSS Property", "Experimental"], "summary": "The <strong><code>box-decoration-break</code></strong> CSS property specifies how the <a href=\"/en-US/docs/Web/CSS/background\" title=\"The background CSS property is a shorthand for setting the individual background values in a single place in the style sheet. background can be used to set the values for one or more of: background-clip, background-color, background-image, background-origin, background-position, background-repeat, background-size, and background-attachment.\"><code>background</code></a>, <a href=\"/en-US/docs/Web/CSS/padding\" title=\"The padding property sets the padding space on all sides of an element. The padding area is the space between the content of the element and its border. Negative values are not allowed.\"><code>padding</code></a>, <a href=\"/en-US/docs/Web/CSS/border\" title=\"The border CSS property is a shorthand property for setting the individual border property values in a single place in the style sheet. border can be used to set the values for one or more of: border-width, border-style, border-color.\"><code>border</code></a>, <a href=\"/en-US/docs/Web/CSS/border-image\" title=\"The border-image CSS property allows drawing an image on the borders of elements. This makes drawing complex looking widgets much simpler than it has been and removes the need for nine boxes in some cases. The border-image is used instead of the border styles given by the border-style properties.\"><code>border-image</code></a>, <a href=\"/en-US/docs/Web/CSS/box-shadow\" title=\"The box-shadow property describes one or more shadow effects as a comma-separated list.\"><code>box-shadow</code></a>, <a href=\"/en-US/docs/Web/CSS/margin\" title=\"The margin CSS property sets the margin for all four sides. It is a shorthand to avoid setting each side separately with the other margin properties: margin-top, margin-right, margin-bottom and margin-left.\"><code>margin</code></a> and <a href=\"/en-US/docs/Web/CSS/clip\" title=\"The clip CSS property defines what portion of an element is visible. The clip property applies only to absolutely positioned elements, that is elements with position:absolute or position:fixed.\"><code>clip</code></a> of an element is applied when the box for the element is fragmented.\u00a0 Fragmentation occurs when an inline box wraps onto multiple lines, or when a block spans more than one column inside a column layout container, or spans a page break when printed.\u00a0 Each piece of the rendering for the element is called a fragment.", "localization_tags": [], "locale": "en-US", "last_edit": "2015-12-02T07:30:29", "review_tags": []}, {"uuid": "e68e802e-fec6-48b6-9ae7-6c5ddf37359c", "title": "box-decoration-break", "url": "/ja/docs/Web/CSS/box-decoration-break", "tags": ["CSS", "Reference", "CSS Fragmentation", "CSS Property", "Experimental"], "summary": "The <strong><code>box-decoration-break</code></strong> CSS property specifies how the <a href=\"/ja/docs/Web/CSS/background\" title=\"background CSS &#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x306F;&#x500B;&#x3005;&#x306E;&#x80CC;&#x666F;&#x95A2;&#x9023;&#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x306E;&#x5024;&#x3092;&#x3001;&#x30B9;&#x30BF;&#x30A4;&#x30EB;&#x30B7;&#x30FC;&#x30C8;&#x306E;&#x5358;&#x4E00;&#x306E;&#x5834;&#x6240;&#x3067;&#x8A2D;&#x5B9A;&#x3059;&#x308B;&#x30B7;&#x30E7;&#x30FC;&#x30C8;&#x30CF;&#x30F3;&#x30C9;&#x30FB;&#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x3067;&#x3059;&#x3002;background &#x306F;&#x6B21;&#x306E;&#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x306E;&#x3046;&#x3061;&#x4E00;&#x3064;&#x4EE5;&#x4E0A;&#x306B;&#x5BFE;&#x3059;&#x308B;&#x5024;&#x3092;&#x8A2D;&#x5B9A;&#x3059;&#x308B;&#x306E;&#x306B;&#x4F7F;&#x3046;&#x3053;&#x3068;&#x304C;&#x3067;&#x304D;&#x307E;&#x3059;: background-clip&#x3001;background-color&#x3001;background-image&#x3001;background-origin&#x3001;background-position&#x3001;background-repeat&#x3001;background-size&#x3001;&#x304A;&#x3088;&#x3073; background-attachment&#x3002;\"><code>background</code></a>, <a href=\"/ja/docs/Web/CSS/padding\" title=\"CSS &#x306E; padding &#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x306F;&#x3001;&#x8981;&#x7D20;&#x306E; 4 &#x8FBA;&#x5168;&#x3066;&#x306B;&#x5FC5;&#x8981;&#x306A;&#x30D1;&#x30C7;&#x30A3;&#x30F3;&#x30B0;&#x9818;&#x57DF;&#x3092;&#x8A2D;&#x5B9A;&#x3057;&#x307E;&#x3059;&#x3002;&#x30D1;&#x30C7;&#x30A3;&#x30F3;&#x30B0;&#x9818;&#x57DF;&#x3068;&#x306F;&#x3001;&#x8981;&#x7D20;&#x306E;&#x5185;&#x5BB9;&#x3068;&#x5883;&#x754C;&#x3068;&#x306E;&#x9593;&#x306E;&#xFF08;&#x67A0;&#x5185;&#xFF09;&#x4F59;&#x767D;&#x306E;&#x4E8B;&#x3067;&#x3059;&#x3002;&#x8CA0;&#x306E;&#x5024;&#x306F;&#x8A31;&#x53EF;&#x3055;&#x308C;&#x3066;&#x3044;&#x307E;&#x305B;&#x3093;&#x3002;\"><code>padding</code></a>, <a href=\"/ja/docs/Web/CSS/border\" title=\"border &#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x306F;&#x3001;&#x30B9;&#x30BF;&#x30A4;&#x30EB;&#x30B7;&#x30FC;&#x30C8;&#x5185;&#x306E; 1 &#x30F6;&#x6240;&#x3067;&#x5883;&#x754C;&#x7DDA;&#x5404;&#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x5024;&#x3092;&#x8A2D;&#x5B9A;&#x3059;&#x308B;&#x7C21;&#x7565;&#x5316;&#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x3067;&#x3059;&#x3002;border &#x306F;&#x3001;border-width&#x3001;border-style&#x3001;border-color &#x306E;&#x5185;&#x3001;1 &#x3064;&#x307E;&#x305F;&#x306F;&#x8907;&#x6570;&#x306E;&#x5024;&#x3092;&#x8A2D;&#x5B9A;&#x3059;&#x308B;&#x305F;&#x3081;&#x306B;&#x4F7F;&#x7528;&#x3059;&#x308B;&#x3053;&#x3068;&#x304C;&#x3067;&#x304D;&#x307E;&#x3059;&#x3002;\"><code>border</code></a>, <a href=\"/ja/docs/Web/CSS/border-image\" title=\"CSS &#x306E; border-image &#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x3092;&#x4F7F;&#x3063;&#x3066;&#x3001;&#x8981;&#x7D20;&#x306E;&#x30DC;&#x30FC;&#x30C0;&#x30FC;&#x306B;&#x753B;&#x50CF;&#x3092;&#x63CF;&#x304F;&#x3053;&#x3068;&#x304C;&#x3067;&#x304D;&#x307E;&#x3059;&#x3002;&#x8907;&#x96D1;&#x306A;&#x898B;&#x305F;&#x76EE;&#x306E;&#x30A6;&#x30A3;&#x30B8;&#x30A7;&#x30C3;&#x30C8;&#x3092;&#x4EE5;&#x524D;&#x3088;&#x308A;&#x7C21;&#x5358;&#x306B;&#x63CF;&#x304F;&#x3053;&#x3068;&#x304C;&#x3067;&#x304D;&#x308B;&#x3088;&#x3046;&#x306B;&#x306A;&#x308A;&#x3001;&#x5834;&#x5408;&#x306B;&#x3088;&#x3063;&#x3066;&#x306F; 9 &#x3064;&#x306E;&#x7BB1;&#x3092;&#x6E96;&#x5099;&#x3059;&#x308B;&#x5FC5;&#x8981;&#x3082;&#x306A;&#x304F;&#x306A;&#x308A;&#x307E;&#x3057;&#x305F;&#x3002;\"><code>border-image</code></a>, <a href=\"/ja/docs/Web/CSS/box-shadow\" title=\"box-shadow &#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x306F;&#x8981;&#x7D20;&#x306B;&#x30C9;&#x30ED;&#x30C3;&#x30D7;&#x30B7;&#x30E3;&#x30C9;&#x30A6;&#x52B9;&#x679C;&#x3092;&#x4E0E;&#x3048;&#x307E;&#x3059;&#x3002;&#x5F71;&#x306F;&#x30AB;&#x30F3;&#x30DE;&#x3067;&#x533A;&#x5207;&#x308B;&#x3053;&#x3068;&#x3067;&#x3001;&#x8907;&#x6570;&#x6307;&#x5B9A;&#x3067;&#x304D;&#x307E;&#x3059;&#x3002;border-radius &#x304C;&#x6307;&#x5B9A;&#x3055;&#x308C;&#x305F;&#x30DC;&#x30C3;&#x30AF;&#x30B9;&#x306B;&#x9069;&#x7528;&#x3055;&#x308C;&#x305F;&#x5834;&#x5408;&#x3001;&#x5F71;&#x3082;&#x305D;&#x306E;&#x4E38;&#x307F;&#x3092;&#x53CD;&#x6620;&#x3057;&#x307E;&#x3059;&#x3002;&#x8907;&#x6570;&#x306E;&#x5F71;&#x304C;&#x6307;&#x5B9A;&#x3055;&#x308C;&#x305F;&#x5834;&#x5408;&#x3001;&#x305D;&#x306E;&#x91CD;&#x306D;&#x9806;&#x306F; text-shadow &#x3068;&#x540C;&#x69D8;&#x3001;&#x6700;&#x521D;&#x306B;&#x6307;&#x5B9A;&#x3055;&#x308C;&#x305F;&#x3082;&#x306E;&#x304C;&#x6700;&#x3082;&#x624B;&#x524D;&#x306B;&#x63CF;&#x753B;&#x3055;&#x308C;&#x307E;&#x3059;&#x3002;\"><code>box-shadow</code></a>, <a href=\"/ja/docs/Web/CSS/margin\" title=\"margin CSS&#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x306F;&#x3001;&#x56DB;&#x65B9;&#x5168;&#x3066;&#x306E;&#x4F59;&#x767D;&#x3092;&#x8A2D;&#x5B9A;&#x3057;&#x307E;&#x3059;&#x3002;margin &#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x306F;&#x3001;&#x5358;&#x4E00;&#x65B9;&#x5411;&#x306E; margin &#x3092;&#x8A2D;&#x5B9A;&#x3059;&#x308B;&#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3; ( margin-top / margin-right / margin-bottom / margin-left ) &#x3092;&#x540C;&#x6642;&#x306B;&#x5168;&#x65B9;&#x5411;&#x306B;&#x5BFE;&#x3057;&#x3066;&#x6307;&#x5B9A;&#x3059;&#x308B;&#x70BA;&#x306E;&#x30B7;&#x30E7;&#x30FC;&#x30C8;&#x30CF;&#x30F3;&#x30C9;&#x30FB;&#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x3067;&#x3059;&#x3002;&#10;  &#x8CA0;&#x306E;&#x5024;&#x3092;&#x6307;&#x5B9A;&#x3059;&#x308B;&#x4E8B;&#x3082;&#x51FA;&#x6765;&#x307E;&#x3059;&#x3002;\"><code>margin</code></a> and <a href=\"/ja/docs/Web/CSS/clip\" title=\"CSS &#x306E; clip &#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x306F;&#x3001;&#x8981;&#x7D20;&#x306E;&#x3069;&#x306E;&#x90E8;&#x5206;&#x304C;&#x53EF;&#x8996;&#x3067;&#x3042;&#x308B;&#x304B;&#x3092;&#x5B9A;&#x7FA9;&#x3057;&#x307E;&#x3059;&#x3002;clip &#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x306F; position:absolute&#x3068;position:relative &#x3092;&#x6301;&#x3063;&#x305F;&#x8981;&#x7D20;&#x306B;&#x3060;&#x3051;&#x9069;&#x7528;&#x3055;&#x308C;&#x307E;&#x3059;&#x3002;\"><code>clip</code></a> of an element is applied when the box for the element is fragmented.\u00a0 Fragmentation occurs when an inline box wraps onto multiple lines, or when a block spans more than one column inside a column layout container, or spans a page break when printed.\u00a0 Each piece of the rendering for the element is called a fragment.", "localization_tags": ["inprogress"], "locale": "ja", "last_edit": "2015-10-13T05:22:11", "review_tags": []}, {"uuid": "778a2d60-b1d6-423c-b351-38297b9af708", "title": "box-decoration-break", "url": "/pl/docs/Web/CSS/box-decoration-break", "tags": ["CSS", "CSS Fragmentation", "CSS Property", "Experimental"], "summary": "The <strong><code>box-decoration-break</code></strong> CSS property specifies how the <a href=\"/pl/docs/Web/CSS/background\" title=\"W&#x142;asno&#x15B;&#x107; background jest skr&#xF3;tow&#x105; deklaracj&#x105; ustawiania indywidualnych warto&#x15B;ci w&#x142;asno&#x15B;ci t&#x142;a w pojedynczym miejscu w arkuszu styl&#xF3;w. background mo&#x17C;e by&#x107; stosowane do ustawiania warto&#x15B;ci dla jednej lub wi&#x119;cej z wymienionych w&#x142;asno&#x15B;ci: background-attachment, background-color, background-image, background-position, background-repeat.\"><code>background</code></a>, <a href=\"/pl/docs/Web/CSS/padding\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>padding</code></a>, <a href=\"/pl/docs/Web/CSS/border\" title=\"W&#x142;asno&#x15B;&#x107; border jest skr&#xF3;con&#x105; w&#x142;asno&#x15B;ci&#x105; dla ustawienia indywidualnych warto&#x15B;ci w&#x142;asno&#x15B;ci obramowania w jednym miejscu w arkuszu styl&#xF3;w. border mo&#x17C;e by&#x107; u&#x17C;ywane do ustawienia jednej lub wi&#x119;cej z nast&#x119;puj&#x105;cych w&#x142;asno&#x15B;ci: border-width, border-style, border-color.\"><code>border</code></a>, <a href=\"/pl/docs/Web/CSS/border-image\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>border-image</code></a>, <a href=\"/pl/docs/Web/CSS/box-shadow\" title=\"W&#x142;a&#x15B;ciwo&#x15B;&#x107; CSS&#xA0;box-shadow&#xA0;okre&#x15B;la&#xA0;jeden&#xA0;lub wi&#x119;cej&#xA0;efekt&#xF3;w cieniowych&#xA0;jako przecinkowo-rozdzielan&#x105;&#xA0;list&#x119;.\"><code>box-shadow</code></a>, <a href=\"/pl/docs/Web/CSS/margin\" title=\"W&#x142;asno&#x15B;&#x107; margin okre&#x15B;la marginesy elementu. Jest ona r&#xF3;wnie&#x17C; sposobem na ustawienie wszystkich margines&#xF3;w jednocze&#x15B;nie. Negatywne wartosci s&#x105; dozwolone.\"><code>margin</code></a> and <a href=\"/pl/docs/Web/CSS/clip\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>clip</code></a> of an element is applied when the box for the element is fragmented.\u00a0 Fragmentation occurs when an inline box wraps onto multiple lines, or when a block spans more than one column inside a column layout container, or spans a page break when printed.\u00a0 Each piece of the rendering for the element is called a fragment.", "localization_tags": ["inprogress"], "locale": "pl", "last_edit": "2015-10-13T05:39:59", "review_tags": []}, {"uuid": "c76268f6-1b56-4227-a3aa-49cc5c5761fc", "title": "box-decoration-break", "url": "/de/docs/Web/CSS/box-decoration-break", "tags": ["CSS", "Reference", "CSS Fragmentation", "CSS Property", "Experimental"], "summary": "The <strong><code>box-decoration-break</code></strong> CSS property specifies how the <a href=\"/de/docs/Web/CSS/background\" title=\"Die background Eigenschaft ist eine Kurzform f&#xFC;r mehrere Hintergrund-Eigenschaften. Es k&#xF6;nnen eine oder mehrere Eigenschaften angegeben werden, um die Standardwerte zu ver&#xE4;ndern. Eine Angabe aller Eigenschaften ist nicht notwendig.\"><code>background</code></a>, <a href=\"/de/docs/Web/CSS/padding\" title=\"Die padding Eigenschaft ist eine Kurzform f&#xFC;r die Innenabst&#xE4;nde aller vier Seiten eines Elementes. Der Innenabstand ist der Bereich zwischen dem Inhalt und dem Rahmen (auch: padding area).\"><code>padding</code></a>, <a href=\"/de/docs/Web/CSS/border\" title=\"Die border Eigenschaft legt den kompletten Rahmen eines Elementes fest und ist eine Kurzform f&#xFC;rborder-color, border-style und border-width. Die Werte der drei Eigenschaften k&#xF6;nnen in beliebiger Reihenfolge angegeben werden.&#10; Unterschiedliche Einstellungen f&#xFC;r den oberen, unteren, linken und rechten Rahmen k&#xF6;nnen nur unter den Kurzformenborder-bottom, border-top, border-left und border-right festgelegt werden.\"><code>border</code></a>, <a href=\"/de/docs/Web/CSS/border-image\" title=\"Die border-image CSS Eigenschaft erm&#xF6;glicht das Zeichnen eines Bildes an den R&#xE4;ndern eines Elements. Dies vereinfacht das Zeichnen von komplex wirkenden Widgets deutlich und macht den Gebrauch von neun K&#xE4;sten um das Element f&#xFC;r einige F&#xE4;lle &#xFC;berfl&#xFC;ssig.border-image wird anstatt der Randstile benutzt, die durch die border-style Eigenschaft definiert werden. Es ist wichtig,&#xA0;anzumerken, dass, wenn der berechnete Wert von border-image-source, welcher entweder durch border-image-source oder die Kurzschreibweise border-image gesetzt werden kann, none ist, oder falls das Bild nicht angezeigt werden kann, die Randstile verwendet werden.\"><code>border-image</code></a>, <a href=\"/de/docs/Web/CSS/box-shadow\" title=\"Mit der box-shadow Eigenschaft k&#xF6;nnen Schatteneffekte f&#xFC;r jeden willk&#xFC;rlichen Container festgelegt werden. Genau wie bei der text-shadow Eigenschaft k&#xF6;nnen mehrere Schatteneffekte, durch Kommata getrennt, von oben nach unten festgelegt werden. Der erste Schatten liegt oben. Wenn gleichzeitig eine Abrundung der Ecken festgelegt wurde, wird diese Abrundung bei den Schatteneffekten beachtet.\"><code>box-shadow</code></a>, <a href=\"/de/docs/Web/CSS/margin\" title=\"Die margin Eigenschaft ist eine Kurzform f&#xFC;r die Au&#xDF;enabst&#xE4;nde aller vier Seiten eines Elements.\"><code>margin</code></a> and <a href=\"/de/docs/Web/CSS/clip\" title=\"Die clip CSS Eigenschaft definiert, welcher Teil eines Elements sichtbar ist. Sie gilt nur f&#xFC;r Elemente mit position:absolute.\"><code>clip</code></a> of an element is applied when the box for the element is fragmented.\u00a0 Fragmentation occurs when an inline box wraps onto multiple lines, or when a block spans more than one column inside a column layout container, or spans a page break when printed.\u00a0 Each piece of the rendering for the element is called a fragment.", "localization_tags": ["inprogress"], "locale": "de", "last_edit": "2015-10-13T05:41:44", "review_tags": []}], "modified": "2016-04-29T11:56:57", "label": "box-decoration-break", "localization_tags": [], "locale": "fr", "id": 164073, "last_edit": "2016-04-29T11:56:51", "summary": "<iframe class=\"live-sample-frame sample-code-frame\" frameborder=\"0\" height=\"200\" id=\"frame_Avec_slice_(valeur_initiale)\" src=\"https://mdn.mozillademos.org/fr/docs/Web/CSS/box-decoration-break$samples/Avec_slice_(valeur_initiale)?revision=1048876\" width=\"200\"/>", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Syntaxe", "title": "Syntaxe"}, {"id": "Valeurs", "title": "Valeurs"}, {"id": "Syntaxe_formelle", "title": "Syntaxe formelle"}, {"id": "Exemples", "title": "Exemples"}, {"id": "Gestion_des_fragments_pour_les_bo\u00eetes_en_ligne", "title": "Gestion des fragments pour les bo\u00eetes en ligne"}, {"id": "Avec_slice_(valeur_initiale)", "title": "Avec "}, {"id": "CSS", "title": "CSS"}, {"id": "HTML", "title": "HTML"}, {"id": "R\u00e9sultat_live", "title": "R\u00e9sultat "}, {"id": "Image_\u00e9quivalente", "title": "Image \u00e9quivalente"}, {"id": "Avec_clone", "title": "Avec "}, {"id": "CSS_2", "title": "CSS"}, {"id": "HTML_2", "title": "HTML"}, {"id": "R\u00e9sultat_live_2", "title": "R\u00e9sultat "}, {"id": "Image_\u00e9quivalente_2", "title": "Image \u00e9quivalente"}, {"id": "Gestion_des_fragments_pour_les_bo\u00eetes_en_bloc", "title": "Gestion des fragments pour les bo\u00eetes en bloc"}, {"id": "Sp\u00e9cifications", "title": "Sp\u00e9cifications"}, {"id": "Compatibilit\u00e9_des_navigateurs", "title": "Compatibilit\u00e9 des navigateurs"}], "slug": "Web/CSS/box-decoration-break", "review_tags": []}