{"json_modified": "2015-11-13T05:43:24.417118", "slug": "Web/CSS/border-image", "tags": ["CSS", "Reference", "CSS Property", "CSS Borders"], "locale": "zh-CN", "title": "border-image", "translations": [{"title": "border-image", "url": "/en-US/docs/Web/CSS/border-image", "tags": ["CSS", "Reference", "CSS Property", "CSS Borders"], "summary": "The <strong><code>border-image</code></strong> 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 <code>border-image</code> is used instead of the border styles given by the <a href=\"/en-US/docs/Web/CSS/border-style\" title=\"The border-style property is a shorthand property for setting the line style for all four sides of the elements border.\"><code>border-style</code></a> properties.", "localization_tags": [], "locale": "en-US", "last_edit": "2015-09-22T07:17:06", "review_tags": []}, {"title": "-moz-border-image", "url": "/zh-TW/docs/Web/CSS/-moz-border-image", "tags": [], "summary": "CSS \u5c6c\u6027 <code>border-image</code> \u53ef\u4ee5\u8b93\u4f60\u5728\u5143\u7d20\u7684\u908a\u6846\u4e0a\u64fa\u4e0a\u5716\u7247\u3002\u9019\u8b93\u5448\u73fe\u770b\u4f3c\u5f88\u8907\u96dc\u7684\u4e00\u500b\u7db2\u9801\u7684\u5c0f\u55ae\u5143\u7c21\u55ae\u5f88\u591a\uff0c\u5b83\u53ef\u4ee5\u7701\u6700\u591a\u4e5d\u500b\u5143\u7d20\u3002", "localization_tags": [], "locale": "zh-TW", "last_edit": "2014-07-01T01:10:32", "review_tags": []}, {"title": "border-image", "url": "/fr/docs/Web/CSS/border-image", "tags": ["CSS", "R\u00e9f\u00e9rence CSS"], "summary": "La propri\u00e9t\u00e9 <a href=\"/fr/docs/CSS\" title=\"/fr/docs/CSS\">CSS</a> <code>border-image</code> permet de d\u00e9clarer une image sur les bords d'un \u00e9l\u00e9ment. Cette propri\u00e9t\u00e9 permet d'\u00e9laborer des widgets complexes de mani\u00e8re beaucoup plus simple, en supprimant le fait de devoir d\u00e9clarer neuf bo\u00eetes diff\u00e9rentes pour int\u00e9grer des designs particuliers pour chaque coin et chaque bordure.", "localization_tags": [], "locale": "fr", "last_edit": "2015-10-14T09:10:04", "review_tags": []}, {"title": "border-image", "url": "/ja/docs/Web/CSS/border-image", "tags": ["CSS", "CSS Reference"], "summary": "CSS \u306e <code>border-image</code> \u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u4f7f\u3063\u3066\u3001\u8981\u7d20\u306e\u30dc\u30fc\u30c0\u30fc\u306b\u753b\u50cf\u3092\u63cf\u304f\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u8907\u96d1\u306a\u898b\u305f\u76ee\u306e\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u3092\u4ee5\u524d\u3088\u308a\u7c21\u5358\u306b\u63cf\u304f\u3053\u3068\u304c\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308a\u3001\u5834\u5408\u306b\u3088\u3063\u3066\u306f 9 \u3064\u306e\u7bb1\u3092\u6e96\u5099\u3059\u308b\u5fc5\u8981\u3082\u306a\u304f\u306a\u308a\u307e\u3057\u305f\u3002", "localization_tags": [], "locale": "ja", "last_edit": "2015-10-29T06:20:55", "review_tags": []}, {"title": "border-image", "url": "/es/docs/Web/CSS/border-image", "tags": ["CSS", "border-image", "Bordes con imagen", "Propiedades CSS"], "summary": "La propiedad de CSS\u00a0\u00a0 <code>border-image</code> permite utilizar una im\u00e1gen para definir los bordes de los elementos. Esto hace que dibujarlos sea m\u00e1s simple y elimina la necesidad de utilizar muchas cajas en algunos casos.", "localization_tags": [], "locale": "es", "last_edit": "2015-09-21T23:56:42", "review_tags": []}, {"title": "border-image", "url": "/de/docs/Web/CSS/border-image", "tags": ["Grafik", "CSS", "CSS R\u00e4nder", "Referenz", "Web", "CSS Eigenschaft", "Layout"], "summary": "Die <code>border-image</code> CSS Eigenschaft erm\u00f6glicht das Zeichnen eines Bildes an den R\u00e4ndern eines Elements. Dies vereinfacht das Zeichnen von komplex wirkenden Widgets deutlich und macht den Gebrauch von neun K\u00e4sten um das Element f\u00fcr einige F\u00e4lle \u00fcberfl\u00fcssig.<br/><br/><code>border-image</code> wird anstatt der Randstile benutzt, die durch die <a href=\"/de/docs/Web/CSS/border-style\" title=\"Die border-style CSS Eigenschaft ist eine Kurzschreibweise zum Setzen des Linienstils f&#xFC;r alle vier Seiten des Elementrands.\"><code>border-style</code></a> Eigenschaft definiert werden. Es ist wichtig,\u00a0anzumerken, dass, wenn der berechnete Wert von <a href=\"/de/docs/Web/CSS/border-image-source\" title=\"Die border-image-source CSS Eigenschaft definiert den &lt;image&gt; Wert, der anstatt dem Stil des Randes verwendet wird. Falls diese Eigenschaft auf none gesetzt wird, wird der Stil verwendet, der durch border-style definiert wird.\"><code>border-image-source</code></a>, welcher entweder durch <code>border-image-source</code> oder die Kurzschreibweise <code>border-image</code> gesetzt werden kann, <code>none</code> ist, oder falls das Bild nicht angezeigt werden kann, die Randstile verwendet werden.", "localization_tags": [], "locale": "de", "last_edit": "2015-09-22T13:02:16", "review_tags": ["editorial"]}], "modified": "2015-11-13T05:43:23", "label": "border-image", "localization_tags": [], "url": "/zh-CN/docs/Web/CSS/border-image", "last_edit": "2015-11-13T05:43:17", "summary": "<code>border-image \u5c5e\u6027\u7528\u6765\u7ed9\u5143\u7d20\u8fb9\u6846\u6dfb\u52a0\u80cc\u666f\u56fe\u7247\u3002\u8fd9\u4f7f\u7ed8\u5236\u590d\u6742\u5916\u89c2\u7ec4\u4ef6\u66f4\u7b80\u5355\uff0c\u5728\u6709\u4e9b\u60c5\u51b5\u4e0b\u4f7f\u7528\u4e5d\u5bab\u683c\u4e5f\u4e0d\u518d\u5fc5\u8981\u3002</code><code>\u6d4f\u89c8\u5668\u5e94\u7528\u4e86 border-image \u5219\u4e0d\u518d\u5e94\u7528 </code><a href=\"/zh-CN/docs/Web/CSS/border-style\" title=\"border-style&#xA0;&#x662F;&#x4E00;&#x4E2A;&#xA0;CSS&#xA0;&#x7B80;&#x5199;&#x5C5E;&#x6027;&#xFF0C;&#x7528;&#x6765;&#x8BBE;&#x5B9A;&#x5143;&#x7D20;&#x6240;&#x6709;&#x8FB9;&#x6846;&#x7684;&#x6837;&#x5F0F;&#x3002;\"><code>border-style</code></a> \u3002", "sections": [{"id": "Quick_Links", "title": null}, {"id": "\u5c0f\u7ed3", "title": "\u5c0f\u7ed3"}, {"id": "\u8bed\u6cd5", "title": "\u8bed\u6cd5"}, {"id": "\u503c", "title": "\u503c"}, {"id": "\u6b63\u5f0f\u8bed\u6cd5", "title": "\u6b63\u5f0f\u8bed\u6cd5"}, {"id": "\u793a\u4f8b", "title": "\u793a\u4f8b"}, {"id": "\u4f4d\u56fe\u91cd\u590d_(repeat)", "title": "\u4f4d\u56fe\u91cd\u590d (repeat)"}, {"id": "\u4f4d\u56fe\u91cd\u590d_(round)", "title": "\u4f4d\u56fe\u91cd\u590d (round)"}, {"id": "\u4f4d\u56fe\u62c9\u4f38", "title": "\u4f4d\u56fe\u62c9\u4f38"}, {"id": "\u89c4\u8303", "title": "\u89c4\u8303"}, {"id": "\u6d4f\u89c8\u5668\u517c\u5bb9\u6027", "title": "\u6d4f\u89c8\u5668\u517c\u5bb9\u6027"}], "id": 65121, "review_tags": []}