{"json_modified": "2016-10-01T11:09:19.876320", "uuid": "6edc31be-e648-45fb-b6ca-b4acc2664291", "title": "Border-image generator", "url": "/en-US/docs/Web/CSS/CSS_Background_and_Borders/Border-image_generator", "tags": ["Tools", "CSS"], "translations": [{"uuid": "0618dfd4-9ab9-4559-aec8-a6714bb89758", "title": "Border-image Generator", "url": "/de/docs/Web/CSS/CSS_Background_and_Borders/Border-image_generator", "tags": ["CSS", "Werkzeuge"], "summary": "Dieses Werkzeug kann dazu verwendet werden, CSS3 <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> Werte zu erzeugen.", "localization_tags": [], "locale": "de", "last_edit": "2015-11-16T13:29:01", "review_tags": []}, {"uuid": "3fde0fd7-e099-4b03-8044-ee210b0ed3cc", "title": "Generador Border-image", "url": "/es/docs/Web/CSS/CSS_Background_and_Borders/Border-image_generador", "tags": ["CSS", "Herramientas"], "summary": "Esta herramienta permite generar valores para\u00a0CSS3 <a href=\"/es/docs/Web/CSS/border-image\" title=\"La propiedad de CSS&#xA0;&#xA0; border-image permite utilizar una im&#xE1;gen para definir los bordes de los elementos. Esto hace que dibujarlos sea m&#xE1;s simple y elimina la necesidad de utilizar muchas cajas en algunos casos.\"><code>border-image</code></a>", "localization_tags": [], "locale": "es", "last_edit": "2015-12-20T04:05:30", "review_tags": []}, {"uuid": "ffb23d0c-7469-4f98-b22e-353d3e97bf62", "title": "G\u00e9n\u00e9rateur de border-image", "url": "/fr/docs/Web/CSS/Arri%C3%A8re-plans_et_bordures_CSS/G%C3%A9n%C3%A9rateur_border-image", "tags": ["CSS", "Outil"], "summary": "Cet outil peut \u00eatre utilis\u00e9 afin de g\u00e9n\u00e9rer des valeurs pour la propri\u00e9t\u00e9 <a href=\"/fr/docs/Web/CSS/border-image\" title=\"La propri&#xE9;t&#xE9; border-image permet de dessiner une image sur la bordure d'un &#xE9;l&#xE9;ment. C'est une propri&#xE9;t&#xE9; raccourcie qui permet de d&#xE9;finir border-image-source, border-image-width, border-image-repeat, border-image-slice, border-image-outset.&#xA0; Cela permet d'obtenir des effets de dessin complexes sans avoir &#xE0; complexifier l'utilisation des bo&#xEE;tes CSS. La propri&#xE9;t&#xE9; border-image sera utilis&#xE9;e plut&#xF4;t que le style d&#xE9;fini via la propri&#xE9;t&#xE9; border-style. Selon la sp&#xE9;cification, border-style doit &#xEA;tre pr&#xE9;sente si border-image est utilis&#xE9;e.\"><code>border-image</code></a>.", "localization_tags": [], "locale": "fr", "last_edit": "2016-07-02T13:17:47", "review_tags": []}, {"uuid": "b317ea67-4710-41ac-a372-cae6c886b4ef", "title": "Gerador de Border-image", "url": "/pt-BR/docs/Web/CSS/Tools/Border-image_generator", "tags": [], "summary": "<span class=\"short_text\" id=\"result_box\" lang=\"pt\"><span class=\"hps\">Esta ferramenta</span> <span class=\"hps\">pode</span> <span class=\"hps\">ser</span> <span class=\"hps\">utilizada</span> <span class=\"hps\">para gerar o valor </span></span><a href=\"/pt-BR/docs/Web/CSS/border-image\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>border-image</code></a> em CSS3.", "localization_tags": ["inprogress"], "locale": "pt-BR", "last_edit": "2014-10-30T11:18:01", "review_tags": []}, {"uuid": "3f825bda-85ff-4e87-95bc-932a4cc7206c", "title": "\u0413\u0435\u043d\u0435\u0440\u0430\u0442\u043e\u0440 Border-image", "url": "/ru/docs/Web/CSS/CSS_Background_and_Borders/Border-image_generator", "tags": ["Tools", "CSS"], "summary": "\u042d\u0442\u043e\u0442 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442 \u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c, \u0447\u0442\u043e\u0431\u044b \u0433\u0435\u043d\u0435\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c CSS3 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f <a href=\"/ru/docs/Web/CSS/border-image\" title=\"&#x414;&#x43E;&#x43A;&#x443;&#x43C;&#x435;&#x43D;&#x442;&#x430;&#x446;&#x438;&#x44F; &#x43E;&#x431; &#x44D;&#x442;&#x43E;&#x43C; &#x435;&#x449;&#x451; &#x43D;&#x435; &#x43D;&#x430;&#x43F;&#x438;&#x441;&#x430;&#x43D;&#x430;; &#x43F;&#x43E;&#x436;&#x430;&#x43B;&#x443;&#x439;&#x441;&#x442;&#x430;, &#x43F;&#x43E;&#x441;&#x43F;&#x43E;&#x441;&#x43E;&#x431;&#x441;&#x442;&#x432;&#x443;&#x439;&#x442;&#x435; &#x435;&#x451; &#x43D;&#x430;&#x43F;&#x438;&#x441;&#x430;&#x43D;&#x438;&#x44E;!\"><code>border-image</code></a>.", "localization_tags": [], "locale": "ru", "last_edit": "2016-10-01T11:09:15", "review_tags": []}, {"uuid": "33a7fd4d-eed7-4af7-915a-abe1e7458547", "title": "Border-image \u751f\u6210\u5668", "url": "/zh-CN/docs/Web/CSS/CSS_Background_and_Borders/Border-image_generator", "tags": [], "summary": "\u8fd9\u4e2a\u5de5\u5177\u7528\u4e8e\u751f\u6210 CSS3 <a href=\"/zh-CN/docs/Web/CSS/border-image\" title=\"border-image &#x5C5E;&#x6027;&#x7528;&#x6765;&#x7ED9;&#x5143;&#x7D20;&#x8FB9;&#x6846;&#x6DFB;&#x52A0;&#x80CC;&#x666F;&#x56FE;&#x7247;&#x3002;&#x8FD9;&#x4F7F;&#x7ED8;&#x5236;&#x590D;&#x6742;&#x5916;&#x89C2;&#x7EC4;&#x4EF6;&#x66F4;&#x7B80;&#x5355;&#xFF0C;&#x5728;&#x6709;&#x4E9B;&#x60C5;&#x51B5;&#x4E0B;&#x4F7F;&#x7528;&#x4E5D;&#x5BAB;&#x683C;&#x4E5F;&#x4E0D;&#x518D;&#x5FC5;&#x8981;&#x3002;&#x6D4F;&#x89C8;&#x5668;&#x5E94;&#x7528;&#x4E86; border-image &#x5219;&#x4E0D;&#x518D;&#x5E94;&#x7528; border-style &#x3002;\"><code>border-image</code></a> \u7684\u503c.", "localization_tags": ["inprogress"], "locale": "zh-CN", "last_edit": "2015-10-22T02:53:45", "review_tags": []}], "modified": "2016-05-09T23:36:08", "label": "Border-image generator", "localization_tags": [], "locale": "en-US", "id": 81311, "last_edit": "2014-01-23T06:04:21", "summary": "This tool can be used to generate CSS3 <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> values.", "sections": [{"id": "Border_Image_Generator", "title": "Border Image Generator"}, {"id": "HTML_Content", "title": "HTML Content"}, {"id": "CSS_Content", "title": "CSS Content"}, {"id": "JavaScript_Content", "title": "JavaScript Content"}], "slug": "Web/CSS/CSS_Background_and_Borders/Border-image_generator", "review_tags": []}