{"json_modified": "2016-10-22T01:13:38.719549", "uuid": "dd63df26-ed1b-43d0-ab58-6b09aba1b293", "title": "background", "url": "/ja/docs/Web/CSS/background", "tags": ["CSS", "Reference", "CSS Background", "CSS Property"], "translations": [{"uuid": "68f5eed7-9d4f-455b-93c1-74a8b0c2b1b3", "title": "background", "url": "/en-US/docs/Web/CSS/background", "tags": ["CSS", "Reference", "CSS Background", "CSS Property"], "summary": "The <strong><code>background</code></strong> CSS property is a shorthand for setting the individual background values in a single place in the style sheet. <code>background</code> can be used to set the values for one or more of: <a href=\"/en-US/docs/Web/CSS/background-clip\" title=\"The background-clip CSS property specifies whether an element's background, either the color or image, extends underneath its border.\"><code>background-clip</code></a>, <a href=\"/en-US/docs/Web/CSS/background-color\" title=\"The background-color CSS property sets the background color of an element, either through a color value or the keyword transparent.\"><code>background-color</code></a>, <a href=\"/en-US/docs/Web/CSS/background-image\" title=\"The CSS background-image property sets one or several background images for an element. The images are drawn on stacking context layers on top of each other. The first layer specified is drawn as if it is closest to the user.\"><code>background-image</code></a>, <a href=\"/en-US/docs/Web/CSS/background-origin\" title=\"The background-origin CSS property determines the background positioning area, that is the position of the origin of an image specified using the background-image CSS property.\"><code>background-origin</code></a>, <a href=\"/en-US/docs/Web/CSS/background-position\" title=\"The background-position CSS property sets the initial position for each defined background image, relative to the background position layer defined by background-origin.\"><code>background-position</code></a>, <a href=\"/en-US/docs/Web/CSS/background-repeat\" title=\"The background-repeat CSS property defines how background images are repeated. A background image can be repeated along the horizontal axis, the vertical axis, both axes, or not repeated at all.\"><code>background-repeat</code></a>, <a href=\"/en-US/docs/Web/CSS/background-size\" title=\"The background-size CSS property specifies the size of the background images. The size of the image can be fully constrained or only partially in order to preserve its intrinsic ratio.\"><code>background-size</code></a>, and <a href=\"/en-US/docs/Web/CSS/background-attachment\" title=\"If a background-image is specified, the background-attachment CSS property determines whether that image's position is fixed within the viewport, or scrolls along with its containing block.\"><code>background-attachment</code></a>.", "localization_tags": [], "locale": "en-US", "last_edit": "2015-12-22T00:01:30", "review_tags": []}, {"uuid": "f6be94ba-d4e4-4971-aeab-c1a32d124cec", "title": "background", "url": "/de/docs/Web/CSS/background", "tags": ["CSS", "Referenz", "CSS Eigenschaft", "CSS Hintergrund"], "summary": "Die <strong><code>background</code></strong> CSS Eigenschaft ist eine Kurzschreibweise, um die verschiedenen Hintergrundwerte an einer einzigen Stelle im Stylesheet zu setzen. <code>background</code> kann dazu verwendet werden, einen oder mehrere der folgenden Werte zu setzen: <a href=\"/de/docs/Web/CSS/background-clip\" title=\"Die background-clip Eigenschaft legt fest, ob ein Hintergrundbild oder eine Hintergrundfarbe auch unterhalb des Elementrahmens erweitert werden soll. Es k&#xF6;nnen mehrere Werte (durch Kommata getrennt) definiert werden, um unterschiedliche Einstellungen f&#xFC;r mehrere Hintergrundbilder festzulegen.&#10; Die Eigenschaft -moz-background-clip wird bis einschlie&#xDF;lich Gecko 1.9.2 (Firefox 3.6) unterst&#xFC;tzt.\"><code>background-clip</code></a>, <a href=\"/de/docs/Web/CSS/background-color\" title=\"Die background-color CSS Eigenschaft setzt die Hintergrundfarbe eines Elements, entweder durch einen Farbwert oder das Schl&#xFC;sselwort transparent.\"><code>background-color</code></a>, <a href=\"/de/docs/Web/CSS/background-image\" title=\"Die background-image Eigenschaft legt ein Hintergrundbild fest. Hintergrundbilder werden immer &#xFC;ber Hintergrundfarben gelegt. Es ist daher sinnvoll immer eine Hintergrundfarbe mittels background-color anzugeben, um bei ausgeschalteten Grafiken oder Fehlern beim Laden des Bildes einen ausreichenden Kontrast zu gew&#xE4;hrleisten. Die Kurzform background bietet sich daher an, um beides zu notieren.\"><code>background-image</code></a>, <a href=\"/de/docs/Web/CSS/background-origin\" title=\"Die background-origin Eigenschaft legt den Bereich des Hintergrundbildes fest (bzw. den Ausgangspunkt eines background-image). background-origin hat keinen Effekt, wenn background-attachment auf fixed gesetzt wurde. Es k&#xF6;nnen mehrere Werte (durch Kommata getrennt) definiert werden, um unterschiedliche Einstellungen f&#xFC;r mehrere Hintergrundbilder festzulegen.\"><code>background-origin</code></a>, <a href=\"/de/docs/Web/CSS/background-position\" title=\"Die background-position Eigenschaft bestimmt die Position des Hintergrundbildes\"><code>background-position</code></a>, <a href=\"/de/docs/Web/CSS/background-repeat\" title=\"Die background-repeat Eigenschaft bestimmt, ob und wie Hintergrundbilder wiederholt werden.\"><code>background-repeat</code></a>, <a href=\"/de/docs/Web/CSS/background-size\" title=\"Die&#xA0;background-size&#xA0;CSS&#xA0;Eigenschaft definiert die Abmessungen eines Hintergrundbildes. Die Abmessungen des Bildes k&#xF6;nnen komplett festgelegt werden oder nur teilweise, um das eigentliche Seitenverh&#xE4;ltnis zu erhalten.\"><code>background-size</code></a> und <a href=\"/de/docs/Web/CSS/background-attachment\" title=\"Die background-attachment Eigenschaft bestimmt, ob, das &#xFC;ber background-image festgelegte Hintergrundbild beim Scrollen mit wandert oder an einem festen Ort fixiert ist.\"><code>background-attachment</code></a>.", "localization_tags": ["inprogress"], "locale": "de", "last_edit": "2015-12-02T13:13:37", "review_tags": []}, {"uuid": "c10be660-adde-4307-8d0d-6b3f15841776", "title": "background", "url": "/es/docs/Web/CSS/background", "tags": ["CSS", "CSS:Referencias", "Todas_las_Categor\u00edas"], "summary": "La propiedad <code>background</code> es un atajo para definir los valores individuales del fondo en una \u00fanica regla CSS. Se puede usar <code>background</code> para definir los valores de una o de todas las propiedades siguientes: <a href=\"/es/docs/Web/CSS/background-attachment\" title=\"Si una imagen de fondo background-image es especificada, background-attachment determina si la imagen ser&#xE1; fija dentro de la pantalla o se desplazar&#xE1; junto al bloque contenedor.\"><code>background-attachment</code></a>, <a href=\"/es/docs/Web/CSS/background-color\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>color</code></a>, <a href=\"/es/docs/Web/CSS/background-image\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>image</code></a>, <a href=\"/es/docs/Web/CSS/background-position\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>position</code></a>, <a href=\"/es/docs/Web/CSS/background-repeat\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>repeat</code></a>.", "localization_tags": ["inprogress"], "locale": "es", "last_edit": "2016-01-28T08:55:30", "review_tags": []}, {"uuid": "2527f753-9bc9-46ee-b2a9-f36e5de5456d", "title": "background", "url": "/fr/docs/Web/CSS/background", "tags": ["CSS", "Propri\u00e9t\u00e9", "R\u00e9f\u00e9rence"], "summary": "La propri\u00e9t\u00e9 <strong><code>background</code></strong> est une propri\u00e9t\u00e9 raccourcie qui permet de d\u00e9finir les diff\u00e9rentes valeurs des propri\u00e9t\u00e9s li\u00e9es \u00e0 la gestion des arri\u00e8re-plans d'un \u00e9l\u00e9ment. Elle permet de d\u00e9finir une ou plusieurs valeurs pour : <a href=\"/fr/docs/Web/CSS/background-clip\" title=\"La propri&#xE9;t&#xE9; background-clip d&#xE9;finit la fa&#xE7;on dont l'arri&#xE8;re-plan d'un &#xE9;l&#xE9;ment (que ce soit l'image ou la couleur) s'&#xE9;tend sous la bordure.\"><code>background-clip</code></a>, <a href=\"/fr/docs/Web/CSS/background-color\" title=\"La propri&#xE9;t&#xE9; background-color permet de d&#xE9;finir la couleur utilis&#xE9;e pour l'arri&#xE8;re-plan d'un &#xE9;l&#xE9;ment (celle-ci peut &#xEA;tre une couleur transparente).\"><code>background-color</code></a>, <a href=\"/fr/docs/Web/CSS/background-image\" title=\"La propri&#xE9;t&#xE9; background-image permet de d&#xE9;finir une ou plusieurs images comme arri&#xE8;re(s)-plan(s) pour un &#xE9;l&#xE9;ment. Les images sont dessin&#xE9;es les unes au-dessus des autres. La premi&#xE8;re image indiqu&#xE9;e est dessin&#xE9;e comme &#xE9;tant la plus proche de l'utilisateur.\"><code>background-image</code></a>, <a href=\"/fr/docs/Web/CSS/background-origin\" title=\"La propri&#xE9;t&#xE9; background-origin d&#xE9;termine la zone de positionnement de l'arri&#xE8;re-plan. Autrement dit, elle permet de d&#xE9;finir la position de l'origine de l'image d&#xE9;finie par la propri&#xE9;t&#xE9; background-image.\"><code>background-origin</code></a>, <a href=\"/fr/docs/Web/CSS/background-position\" title=\"La propri&#xE9;t&#xE9; background-position permet de d&#xE9;finir la position initiale, relative l'origine d&#xE9;finie par background-origin pour chaque image d'arri&#xE8;re-plan.\"><code>background-position</code></a>, <a href=\"/fr/docs/Web/CSS/background-repeat\" title=\"La propri&#xE9;t&#xE9; background-repeat d&#xE9;finit la fa&#xE7;on dont les images utilis&#xE9;es en arri&#xE8;re-plan sont r&#xE9;p&#xE9;t&#xE9;es. Une image d'arri&#xE8;re-plan pourra ainsi &#xEA;tre r&#xE9;p&#xE9;t&#xE9;e sur l'axe horizontal, l'axe vertical ou bien ne pas &#xEA;tre r&#xE9;p&#xE9;t&#xE9;e.\"><code>background-repeat</code></a>, <a href=\"/fr/docs/Web/CSS/background-size\" title=\"La propri&#xE9;t&#xE9; background-size d&#xE9;finit la taille des images d'arri&#xE8;re-plan pour l'&#xE9;l&#xE9;ment. La taille de l'image peut &#xEA;tre contrainte, compl&#xE8;tement ou partiellement afin de conserver ses proportions.\"><code>background-size</code></a>, et <a href=\"/fr/docs/Web/CSS/background-attachment\" title=\"Lorsqu'une valeur est d&#xE9;finie background-image, la propri&#xE9;t&#xE9; background-attachment d&#xE9;finit si la position de l'image est fix&#xE9;e dans la zone d'affichage (viewport) ou si celle-ci d&#xE9;file avec le bloc englobant.\"><code>background-attachment</code></a>.", "localization_tags": [], "locale": "fr", "last_edit": "2016-04-19T13:14:12", "review_tags": []}, {"uuid": "5e524467-ea47-490f-a02c-6f444a78950e", "title": "background", "url": "/it/docs/Web/CSS/background", "tags": [], "summary": "<< <a href=\"/it/Guida_di_riferimento_ai_CSS\" title=\"it/Guida_di_riferimento_ai_CSS\">Guida di riferimento ai CSS</a>", "localization_tags": ["inprogress"], "locale": "it", "last_edit": "2015-12-02T13:16:05", "review_tags": []}, {"uuid": "d9a5525d-068e-4742-8775-d74810464035", "title": "background", "url": "/ko/docs/Web/CSS/background", "tags": ["CSS", "CSS Reference"], "summary": "<code>background</code>\uc18d\uc131\uc740 style sheet\uc5d0\uc11c \ud55c \uad6c\uc5ed\uc758 \ubc30\uacbd \uc18d\uc131\uac12\uc744 \uc124\uc815\ud558\uae30 \uc704\ud55c \uc18d\uc131\uc774\ub2e4. <code>background</code>\uc740 \ub2e4\uc74c \uc911 \ud558\ub098 \ud639\uc740 \uc5ec\ub7ec\uac1c\uc758 \uac12\uc744 \uc124\uc815\ud558\ub294\ub370 \uc0ac\uc6a9\ub420 \uc218 \uc788\ub2e4.\u00a0: <a href=\"/ko/docs/Web/CSS/background-attachment\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>background-attachment</code></a>, <a href=\"/ko/docs/Web/CSS/background-color\" title=\"background-color CSS&#xA0;&#xC18D;&#xC131;&#xC740; &#xC5D8;&#xB9AC;&#xBA3C;&#xD2B8;&#xC758; &#xBC30;&#xACBD;&#xC0C9;&#xC0C1;&#xC744; &#xC9C0;&#xC815;&#xD55C;&#xB2E4;. &#xC0C9;&#xC0C1; &#xAC12;&#xC774; &#xB610;&#xB294;&#xA0;transparent &#xD0A4;&#xC6CC;&#xB4DC;&#xB97C; &#xC9C0;&#xC815;&#xD560; &#xC218; &#xC788;&#xB2E4;.\"><code>background-color</code></a>, <a href=\"/ko/docs/Web/CSS/background-image\" title=\"background-image CSS &#xC18D;&#xC131;&#xC740; &#xC5D8;&#xB9AC;&#xBA3C;&#xD2B8;&#xC758; &#xBC30;&#xACBD; &#xC774;&#xBBF8;&#xC9C0;&#xB97C; &#xC9C0;&#xC815;&#xD55C;&#xB2E4;. &#xBC30;&#xACBD; &#xC774;&#xBBF8;&#xC9C0;&#xAC00; &#xC5EC;&#xB7EC;&#xAC1C; &#xC9C0;&#xC815;&#xB418;&#xC5C8;&#xB2E4;&#xBA74; &#xBA3C;&#xC800; &#xC9C0;&#xC815;&#xB41C; &#xAC83; &#xBD80;&#xD130; &#xCC28;&#xB840;&#xB85C; &#xC313;&#xC778;&#xB2E4;. &#xCC98;&#xC74C; &#xC9C0;&#xC815;&#xB41C; &#xC774;&#xBBF8;&#xC9C0;&#xAC00; &#xAC00;&#xC7A5; &#xBA3C;&#xC800; &#xADF8;&#xB824;&#xC9C0;&#xACE0; &#xA0;&#xB9C8;&#xC9C0;&#xB9C9;&#xC73C;&#xB85C; &#xC9C0;&#xC815;&#xB41C; &#xC774;&#xBBF8;&#xC9C0;&#xAC00; &#xAC00;&#xC7A5; &#xB098;&#xC911;&#xC5D0; &#xADF8;&#xB824;&#xC9C4;&#xB2E4;(&#xB9C8;&#xC9C0;&#xB9C9;&#xC5D0; &#xC9C0;&#xC815;&#xD55C; &#xC774;&#xBBF8;&#xC9C0;&#xAC00; &#xC0AC;&#xC6A9;&#xC790;&#xAC00; &#xBCF4;&#xB294; &#xD654;&#xBA74;&#xACFC; &#xAC00;&#xC7A5; &#xAC00;&#xAE5D;&#xAC8C; &#xADF8;&#xB824;&#xC9C4;&#xB2E4;).&#xA0;borders&#xA0;&#xC18D;&#xC131;&#xC740; &#xC774;&#xBBF8;&#xC9C0; &#xC704;&#xC5D0; &#xADF8;&#xB824;&#xC9C0;&#xBA70; background-color &#xC18D;&#xC131;&#xC740; &#xC774;&#xBBF8;&#xC9C0; &#xC544;&#xB798;&#xC5D0; &#xADF8;&#xB824;&#xC9C4;&#xB2E4;.\"><code>background-image</code></a>, <a href=\"/ko/docs/Web/CSS/background-position\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>background-position</code></a>, <a href=\"/ko/docs/Web/CSS/background-repeat\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>background-repeat</code></a>.", "localization_tags": ["inprogress"], "locale": "ko", "last_edit": "2016-07-23T07:46:19", "review_tags": []}, {"uuid": "dfd892fb-bf75-463f-b362-a1b6ac46bc5e", "title": "background", "url": "/pl/docs/Web/CSS/background", "tags": ["CSS", "CSS:Dokumentacje", "Dokumentacje", "Wszystkie_kategorie"], "summary": "W\u0142asno\u015b\u0107 <code>background</code> jest skr\u00f3tow\u0105 deklaracj\u0105 ustawiania indywidualnych warto\u015bci w\u0142asno\u015bci t\u0142a w pojedynczym miejscu w arkuszu styl\u00f3w. <code>background</code> mo\u017ce by\u0107 stosowane do ustawiania warto\u015bci dla jednej lub wi\u0119cej z wymienionych w\u0142asno\u015bci: <a href=\"/pl/docs/Web/CSS/background-attachment\" title=\"Je&#x15B;li background-image jest okre&#x15B;lone, background-attachment decyduje, czy po&#x142;o&#x17C;enie danego obrazka jest sta&#x142;e wzgl&#x119;dem okna, czy te&#x17C; przewija si&#x119; wraz z zawieraj&#x105;cym go blokiem.\"><code>background-attachment</code></a>, <a href=\"/pl/docs/Web/CSS/background-color\" title=\"background-color ustawia kolor t&#x142;a dla elementu, poprzez warto&#x15B;&#x107; koloru lub s&#x142;owo kluczowe transparent.\"><code>background-color</code></a>, <a href=\"/pl/docs/Web/CSS/background-image\" title=\"W&#x142;asno&#x15B;&#x107; background-image ustawia obrazek t&#x142;a dla elementu.\"><code>background-image</code></a>, <a href=\"/pl/docs/Web/CSS/background-position\" title=\"background-position ustawia pocz&#x105;tkowe po&#x142;o&#x17C;enie obrazka t&#x142;a, kt&#xF3;ry zosta&#x142; zdefiniowany.\"><code>background-position</code></a>, <a href=\"/pl/docs/Web/CSS/background-repeat\" title=\"background-repeat okre&#x15B;la, czy obrazek jest powtarzany (kafelkowany) i w jaki spos&#xF3;b.\"><code>background-repeat</code></a>.", "localization_tags": ["inprogress"], "locale": "pl", "last_edit": "2015-12-24T17:25:35", "review_tags": []}, {"uuid": "1249be6b-7bf0-43f1-8ea1-a9e5dc4e9333", "title": "background", "url": "/pt-BR/docs/Web/CSS/background", "tags": [], "summary": "<font><font>O </font></font><strong><code><font><font>fundo</font></font></code></strong><font><font> propriedade CSS \u00e9 um atalho para definir os valores de fundo individuais em um \u00fanico lugar na folha de estilo. </font></font><code><font><font>Fundo</font></font></code><font><font> pode ser usado para definir os valores para um ou mais dos seguintes: <a href=\"/pt-BR/docs/Web/CSS/background-clip\" title=\"A propriedade CSS\u00a0background-clip\u00a0especifica se o fundo de um elemento, seja cor ou imagem, se extende debaixo de sua borda.\"><code>background-clip</code></a>, <a href=\"/pt-BR/docs/Web/CSS/background-color\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>background-color</code></a>, <a href=\"/pt-BR/docs/Web/CSS/background-image\" title=\"The CSS background-image property sets one or several background images for an element. The images are drawn on stacking context layers on top of each other. The first layer specified is drawn as if it is closest to the user.\"><code>background-image</code></a>, <a href=\"/pt-BR/docs/Web/CSS/background-origin\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>background-origin</code></a>, <a href=\"/pt-BR/docs/Web/CSS/background-position\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>background-position</code></a> , <a href=\"/pt-BR/docs/Web/CSS/background-repeat\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>background-repeat</code></a>, <a href=\"/pt-BR/docs/Web/CSS/background-size\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>background-size</code></a> e <a href=\"/pt-BR/docs/Web/CSS/background-attachment\" title=\"Se um background-image \u00e9\u00a0especificado, a propriedade\u00a0CSS\u00a0background-attachment\u00a0determina\u00a0se aquela posi\u00e7\u00e3o da imagem\u00a0\u00e9 fixa\u00a0com o\u00a0viewport, ou\u00a0se ir\u00e1 rolar juntamente com o seu bloco.\"><code>background-attachment</code></a>.</font></font>", "localization_tags": ["inprogress"], "locale": "pt-BR", "last_edit": "2016-09-13T05:13:13", "review_tags": []}, {"uuid": "b6741b60-4342-4e9f-9d0f-12af5577e94a", "title": "background", "url": "/pt-PT/docs/Web/CSS/background", "tags": ["Referencia_CSS"], "summary": "A propriedade <code>background</code> \u00e9 usada para ajustar os valores do fundo em um \u00fanico lugar na folha de estilos. <code>background</code> pode ser usada com os seguintes valores adicionais: <a href=\"/pt-PT/docs/Web/CSS/background-attachment\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>background-attachment</code></a>, <a href=\"/pt-PT/docs/Web/CSS/background-color\" title=\"background-color configura a cor de fundo de um elemento, com qualquer valor de cor ou a palavra-chave transparent.\"><code>background-color</code></a>, <a href=\"/pt-PT/docs/Web/CSS/background-image\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>background-image</code></a>, <a href=\"/pt-PT/docs/Web/CSS/background-position\" title=\"background-position configura a posi&#xE7;&#xE3;o inicial de qualquer imagem de fundo que seja configurada.\"><code>background-position</code></a>, <a href=\"/pt-PT/docs/Web/CSS/background-repeat\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>background-repeat</code></a>.", "localization_tags": ["inprogress"], "locale": "pt-PT", "last_edit": "2015-12-02T13:21:10", "review_tags": []}, {"uuid": "c857c80f-6063-4646-8eba-8a8523493adb", "title": "background", "url": "/ru/docs/Web/CSS/background", "tags": [], "summary": "The <strong><code>background</code></strong> CSS property is a shorthand for setting the individual background values in a single place in the style sheet. <code>background</code> can be used to set the values for one or more of: <a href=\"/ru/docs/Web/CSS/background-clip\" 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>background-clip</code></a>, <a href=\"/ru/docs/Web/CSS/background-color\" 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>background-color</code></a>, <a href=\"/ru/docs/Web/CSS/background-image\" title=\"CSS &#x441;&#x432;&#x43E;&#x439;&#x441;&#x442;&#x432;&#x43E; background-image &#x443;&#x441;&#x442;&#x430;&#x43D;&#x430;&#x432;&#x43B;&#x438;&#x432;&#x430;&#x435;&#x442; &#x43E;&#x434;&#x43D;&#x43E; &#x438;&#x43B;&#x438; &#x43D;&#x435;&#x441;&#x43A;&#x43E;&#x43B;&#x44C;&#x43A;&#x43E; &#x444;&#x43E;&#x43D;&#x43E;&#x432;&#x44B;&#x445; &#x438;&#x437;&#x43E;&#x431;&#x440;&#x430;&#x436;&#x435;&#x43D;&#x438;&#x439; &#x434;&#x43B;&#x44F; &#x44D;&#x43B;&#x435;&#x43C;&#x435;&#x43D;&#x442;&#x430;. The images are drawn on stacking context layers on top of each other. The first layer specified is drawn as if it is closest to the user.\"><code>background-image</code></a>, <a href=\"/ru/docs/Web/CSS/background-origin\" 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>background-origin</code></a>, <a href=\"/ru/docs/Web/CSS/background-position\" 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>background-position</code></a>, <a href=\"/ru/docs/Web/CSS/background-repeat\" title=\"The background-repeat CSS property defines how background images are repeated. A background image can be repeated along the horizontal axis, the vertical axis, both, or not repeated at all. When the repetition of the image tiles doesn't let them exactly cover the background, the way adjustments are done can be controlled by the author: by default, the last image is clipped, but the different tiles can instead be re-sized, or space can be inserted between the tiles.\"><code>background-repeat</code></a>, <a href=\"/ru/docs/Web/CSS/background-size\" title=\"The background-size CSS property specifies the size of the background images. The size of the image can be fully constrained or only partially in order to preserve its intrinsic ratio.\"><code>background-size</code></a>, and <a href=\"/ru/docs/Web/CSS/background-attachment\" title=\"If a background-image is specified, the background-attachment CSS property determines whether that image's position is fixed within the viewport, or scrolls along with its containing block.\"><code>background-attachment</code></a>.", "localization_tags": ["inprogress"], "locale": "ru", "last_edit": "2016-02-13T10:30:19", "review_tags": []}, {"uuid": "c49f74c6-c74c-44bd-85b1-0bfa0cb8c58c", "title": "background", "url": "/zh-CN/docs/Web/CSS/background", "tags": ["CSS", "\u80cc\u666f", "Background"], "summary": "<code>background</code> \u662fCSS\u7b80\u5199\u5c5e\u6027\uff0c\u7528\u6765\u96c6\u4e2d\u8bbe\u7f6e\u5404\u79cd\u80cc\u666f\u5c5e\u6027\u3002<code>background</code> \u53ef\u4ee5\u7528\u6765\u8bbe\u7f6e\u4e00\u4e2a\u6216\u591a\u4e2a\u5c5e\u6027:<a href=\"/zh-CN/docs/Web/CSS/background-color\" title=\"CSS&#x5C5E;&#x6027;&#x4E2D;&#x7684;&#xA0;background-color&#xA0;&#x4F1A;&#x8BBE;&#x7F6E;&#x5143;&#x7D20;&#x7684;&#x80CC;&#x666F;&#x8272;, &#x5C5E;&#x6027;&#x7684;&#x503C;&#x4E3A;&#x989C;&#x8272;&#x503C;&#x6216;&#x5173;&#x952E;&#x5B57;&quot;transparent&quot;&#x4E8C;&#x8005;&#x9009;&#x5176;&#x4E00;.\"><code>background-color</code></a>, <a href=\"/zh-CN/docs/Web/CSS/background-image\" title=\"background-image &#x4E3A;&#x9875;&#x9762;&#x5143;&#x7D20;&#x6307;&#x5B9A;&#x4E00;&#x4E2A;&#x6216;&#x591A;&#x4E2A;&#x80CC;&#x666F;&#x56FE;&#x3002;\"><code>background-image</code></a>, <a href=\"/zh-CN/docs/Web/CSS/background-position\" title=\"background-position&#xA0;&#x6307;&#x5B9A;&#x80CC;&#x666F;&#x56FE;&#x7247;&#x7684;&#x521D;&#x59CB;&#x4F4D;&#x7F6E;&#x3002;\"><code>background-position</code></a>, <a href=\"/zh-CN/docs/Web/CSS/background-repeat\" title=\"background-repeat &#x6307;&#x5B9A;&#x80CC;&#x666F;&#x56FE;&#x7247;&#x662F;&#x5426;&#x4EE5;&#x5E73;&#x94FA;&#x6548;&#x679C;&#x91CD;&#x590D;&#x51FA;&#x73B0;&#xFF0C;&#x4EE5;&#x53CA;&#x91CD;&#x590D;&#x7684;&#x65B9;&#x5F0F;&#x3002;\"><code>background-repeat</code></a>, <a href=\"/zh-CN/docs/Web/CSS/background-size\" title=\"background-size &#x8BBE;&#x7F6E;&#x80CC;&#x666F;&#x56FE;&#x7247;&#x5927;&#x5C0F;&#x3002;\"><code>background-size</code></a>, <a href=\"/zh-CN/docs/Web/CSS/background-attachment\" title=\"&#x5982;&#x679C;&#x6307;&#x5B9A;&#x4E86; background-image &#xFF0C;&#x90A3;&#x4E48; background-attachment &#x51B3;&#x5B9A;&#x80CC;&#x666F;&#x662F;&#x5728;&#x89C6;&#x53E3;&#x4E2D;&#x56FA;&#x5B9A;&#x7684;&#x8FD8;&#x662F;&#x968F;&#x5305;&#x542B;&#x5B83;&#x7684;&#x533A;&#x5757;&#x6EDA;&#x52A8;&#x7684;&#x3002;\"><code>background-attachment</code></a>\u3002", "localization_tags": [], "locale": "zh-CN", "last_edit": "2016-09-11T21:52:37", "review_tags": []}], "modified": "2016-10-22T01:13:36", "label": "background", "localization_tags": ["inprogress"], "locale": "ja", "id": 54, "last_edit": "2016-10-22T01:13:23", "summary": "<strong><code>background</code></strong> CSS \u30d7\u30ed\u30d1\u30c6\u30a3\u306f\u500b\u3005\u306e\u80cc\u666f\u95a2\u9023\u30d7\u30ed\u30d1\u30c6\u30a3\u306e\u5024\u3092\u3001\u30b9\u30bf\u30a4\u30eb\u30b7\u30fc\u30c8\u306e\u5358\u4e00\u306e\u5834\u6240\u3067\u8a2d\u5b9a\u3059\u308b\u30b7\u30e7\u30fc\u30c8\u30cf\u30f3\u30c9\u30d7\u30ed\u30d1\u30c6\u30a3\u3067\u3059\u3002<code>background</code> \u306f\u6b21\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u306e\u3046\u3061\u4e00\u3064\u4ee5\u4e0a\u306b\u5bfe\u3059\u308b\u5024\u3092\u8a2d\u5b9a\u3059\u308b\u306e\u306b\u4f7f\u3046\u3053\u3068\u304c\u3067\u304d\u307e\u3059: <a href=\"/ja/docs/Web/CSS/background-clip\" title=\"background-clip &#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x306F;&#x3001;&#x8981;&#x7D20;&#x306E;&#x80CC;&#x666F;&#x8272;&#x3068;&#x80CC;&#x666F;&#x753B;&#x50CF;&#x306E;&#x63CF;&#x753B;&#x9818;&#x57DF;&#x3092;&#x3001;&#x300C;&#x30DC;&#x30FC;&#x30C0;&#x30FC;&#x306E;&#x88CF;&#x5074;&#x307E;&#x3067;&#x62E1;&#x5F35;&#x3059;&#x308B;&#xFF08;&#x30C7;&#x30D5;&#x30A9;&#x30EB;&#x30C8;&#xFF09;&#x300D;&#x3001;&#x300C;&#x4F59;&#x767D;&#x306E;&#x9818;&#x57DF;&#x307E;&#x3067;&#x3068;&#x3059;&#x308B;&#x300D;&#x3001;&#x300C;&#x30B3;&#x30F3;&#x30C6;&#x30F3;&#x30C4;&#x30A8;&#x30EA;&#x30A2;&#x306E;&#x307F;&#x3068;&#x3059;&#x308B;&#x300D;&#x306E;&#x3044;&#x305A;&#x308C;&#x304B;&#x306B;&#x6307;&#x5B9A;&#x3057;&#x307E;&#x3059;&#x3002;\"><code>background-clip</code></a>\u3001<a href=\"/ja/docs/Web/CSS/background-color\" title=\"background-color CSS &#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x306F;&#x3001;&#x8272;&#x306E;&#x5024;&#x3001;&#x3042;&#x308B;&#x3044;&#x306F; transparent &#x30AD;&#x30FC;&#x30EF;&#x30FC;&#x30C9;&#x3067;&#x8981;&#x7D20;&#x306E;&#x80CC;&#x666F;&#x8272;&#x3092;&#x8A2D;&#x5B9A;&#x3059;&#x308B; CSS &#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x3067;&#x3059;&#x3002;\"><code>background-color</code></a>\u3001<a href=\"/ja/docs/Web/CSS/background-image\" title=\"CSS &#x306E; background-image &#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x306F;&#x3001;&#x8981;&#x7D20;&#x306B;1&#x3064;&#x4EE5;&#x4E0A;&#x306E;&#x80CC;&#x666F;&#x753B;&#x50CF;&#x3092;&#x8A2D;&#x5B9A;&#x3057;&#x307E;&#x3059;&#x3002;&#x753B;&#x50CF;&#x306F;&#x304A;&#x4E92;&#x3044;&#x306E;&#x4E0A;&#x306B;&#x7A4D;&#x307F;&#x91CD;&#x306D;&#x308B;&#x30B3;&#x30F3;&#x30C6;&#x30AD;&#x30B9;&#x30C8;&#x30EC;&#x30A4;&#x30E4;&#x30FC;&#x306B;&#x63CF;&#x753B;&#x3055;&#x308C;&#x307E;&#x3059;&#x3002;&#x6700;&#x521D;&#x306B;&#x6307;&#x5B9A;&#x3055;&#x308C;&#x305F;&#x30EC;&#x30A4;&#x30E4;&#x30FC;&#x304C;&#x3001;&#x30E6;&#x30FC;&#x30B6;&#x30FC;&#x306B;&#x5BFE;&#x3057;&#x6700;&#x3082;&#x624B;&#x524D;&#x306B;&#x3042;&#x308B;&#x304B;&#x306E;&#x3088;&#x3046;&#x306B;&#x63CF;&#x753B;&#x3055;&#x308C;&#x307E;&#x3059;&#x3002;\"><code>background-image</code></a>\u3001<a href=\"/ja/docs/Web/CSS/background-origin\" title=\"CSS &#x306E; background-origin &#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x306F;&#x80CC;&#x666F;&#x914D;&#x7F6E;&#x9818;&#x57DF;&#x3092;&#x6C7A;&#x3081;&#x307E;&#x3059;&#x3002;&#x80CC;&#x666F;&#x914D;&#x7F6E;&#x9818;&#x57DF;&#x306F; CSS &#x306E; background-image &#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x3067;&#x6307;&#x5B9A;&#x3055;&#x308C;&#x305F;&#x753B;&#x50CF;&#x306E;&#x539F;&#x70B9;&#x306E;&#x4F4D;&#x7F6E;&#x3067;&#x3059;&#x3002;\"><code>background-origin</code></a>\u3001<a href=\"/ja/docs/Web/CSS/background-position\" title=\"background-position CSS &#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x306F;&#x3001;&#x5B9A;&#x7FA9;&#x3055;&#x308C;&#x305F;&#x80CC;&#x666F;&#x753B;&#x50CF;&#x306E;&#x3001;background-origin &#x3067;&#x5B9A;&#x7FA9;&#x3055;&#x308C;&#x305F;&#x80CC;&#x666F;&#x30EC;&#x30A4;&#x30E4;&#x30FC;&#x306B;&#x5BFE;&#x3059;&#x308B;&#x521D;&#x671F;&#x306E;&#x76F8;&#x5BFE;&#x4F4D;&#x7F6E;&#x3092;&#x30BB;&#x30C3;&#x30C8;&#x3057;&#x307E;&#x3059;&#x3002;\"><code>background-position</code></a>\u3001<a href=\"/ja/docs/Web/CSS/background-repeat\" title=\"background-repeat &#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x306F;&#x80CC;&#x666F;&#x753B;&#x50CF;&#x306E;&#x7E70;&#x308A;&#x8FD4;&#x3057;&#x63CF;&#x753B;&#x306B;&#x95A2;&#x3059;&#x308B;&#x6307;&#x5B9A;&#x3092;&#x884C;&#x3044;&#x307E;&#x3059;&#x3002;&#x5782;&#x76F4;&#x3001;&#x6C34;&#x5E73;&#x3001;&#x307E;&#x305F;&#x306F;&#x305D;&#x306E;&#x4E21;&#x65B9;&#x306B;&#x5BFE;&#x3057;&#x3066;&#x7E70;&#x308A;&#x8FD4;&#x3057;&#x306E;&#x6709;&#x7121;&#x3092;&#x6307;&#x5B9A;&#x3059;&#x308B;&#x4E8B;&#x304C;&#x53EF;&#x80FD;&#x3067;&#x3059;&#x3002; &#x7E70;&#x308A;&#x8FD4;&#x3057;&#x305F;&#x80CC;&#x666F;&#x304C;&#x5BFE;&#x8C61;&#x306E;&#x63CF;&#x753B;&#x9818;&#x57DF;&#x306B;&#x6B63;&#x78BA;&#x306B;&#x7D0D;&#x307E;&#x3089;&#x306A;&#x3044;&#x5834;&#x5408;&#x306E;&#x63CF;&#x753B;&#x65B9;&#x6CD5;&#x306F;&#x3001;&#x88FD;&#x4F5C;&#x8005;&#x306B;&#x3088;&#x3063;&#x3066;&#x6307;&#x5B9A;&#x53EF;&#x80FD;&#x3067;&#x3059;&#x3002;&#x30C7;&#x30D5;&#x30A9;&#x30EB;&#x30C8;&#x3067;&#x306F;&#x5168;&#x9762;&#x3092;&#x8986;&#x3046;&#x307E;&#x3067;&#x7E70;&#x308A;&#x8FD4;&#x3055;&#x308C;&#x3001;&#x306F;&#x307F;&#x51FA;&#x3057;&#x305F;&#x90E8;&#x5206;&#x306F;&#x9818;&#x57DF;&#x306E;&#x30A8;&#x30C3;&#x30B8;&#x306B;&#x3088;&#x3063;&#x3066;&#x5207;&#x308A;&#x53D6;&#x3089;&#x308C;&#x307E;&#x3059;&#x3002;&#x4ED6;&#x306B;&#x3082;&#x3001;&#x80CC;&#x666F;&#x753B;&#x50CF;&#x306E;&#x30EA;&#x30B5;&#x30A4;&#x30BA;&#x3092;&#x4F34;&#x3046;&#x65B9;&#x6CD5;&#x3084;&#x3001;&#x80CC;&#x666F;&#x753B;&#x50CF;&#x9593;&#x306B;&#x30B9;&#x30DA;&#x30FC;&#x30B9;&#x3092;&#x633F;&#x5165;&#x3059;&#x308B;&#x65B9;&#x6CD5;&#x306A;&#x3069;&#x3001;&#x5225;&#x306E;&#x6577;&#x304D;&#x8A70;&#x3081;&#x65B9;&#x6CD5;&#x3092;&#x9078;&#x629E;&#x3059;&#x308B;&#x4E8B;&#x3082;&#x53EF;&#x80FD;&#x3067;&#x3059;&#x3002;\"><code>background-repeat</code></a>\u3001<a href=\"/ja/docs/Web/CSS/background-size\" title=\"CSS &#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3; background-size &#x306F;&#x3001;&#x80CC;&#x666F;&#x753B;&#x50CF;&#x306E;&#x5927;&#x304D;&#x3055;&#x3092;&#x6307;&#x5B9A;&#x3057;&#x307E;&#x3059;&#x3002;&#x753B;&#x50CF;&#x306E;&#x56FA;&#x6709;&#x6BD4;&#x7387;&#x3092;&#x7DAD;&#x6301;&#x3059;&#x308B;&#x305F;&#x3081;&#x306B;&#x3001;&#x753B;&#x50CF;&#x306E;&#x30B5;&#x30A4;&#x30BA;&#x306F;&#x5B8C;&#x5168;&#x306B;&#x3001;&#x307E;&#x305F;&#x306F;&#x4E00;&#x90E8;&#x5206;&#x3060;&#x3051;&#x5236;&#x7D04;&#x3092;&#x53D7;&#x3051;&#x307E;&#x3059;&#x3002;\"><code>background-size</code></a>\u3001\u304a\u3088\u3073 <a href=\"/ja/docs/Web/CSS/background-attachment\" title=\"background-image &#x304C;&#x6307;&#x5B9A;&#x3055;&#x308C;&#x3066;&#x3044;&#x308B;&#x5834;&#x5408;&#x3001;background-attachment&#xA0;CSS&#xA0;&#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x306F;&#x3001;&#x753B;&#x50CF;&#x306E;&#x4F4D;&#x7F6E;&#x3092;&#x30D3;&#x30E5;&#x30FC;&#x30DD;&#x30FC;&#x30C8;&#x306E;&#x7BC4;&#x56F2;&#x306B;&#x56FA;&#x5B9A;&#x3059;&#x308B;&#x304B;&#x3001;&#x307E;&#x305F;&#x306F;&#x753B;&#x50CF;&#x3092;&#x542B;&#x3080;&#x30D6;&#x30ED;&#x30C3;&#x30AF;&#x3068;&#x3068;&#x3082;&#x306B;&#x30B9;&#x30AF;&#x30ED;&#x30FC;&#x30EB;&#x3059;&#x308B;&#x304B;&#x3069;&#x3046;&#x304B;&#x3092;&#x6C7A;&#x5B9A;&#x3057;&#x307E;&#x3059;&#x3002;\"><code>background-attachment</code></a>\u3002", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Summary", "title": "\u6982\u8981"}, {"id": "Syntax", "title": "\u69cb\u6587"}, {"id": "Values", "title": "\u5024"}, {"id": "\u5f62\u5f0f\u6587\u6cd5", "title": "\u5f62\u5f0f\u6587\u6cd5"}, {"id": "\u4f8b", "title": "\u4f8b"}, {"id": "HTML", "title": "HTML"}, {"id": "CSS", "title": "CSS"}, {"id": "Result", "title": "Result"}, {"id": "Specifications", "title": "\u4ed5\u69d8"}, {"id": "Browser_compatibility", "title": "\u30d6\u30e9\u30a6\u30b6\u5b9f\u88c5\u72b6\u6cc1"}, {"id": "sect1", "title": null}, {"id": "See_also", "title": "\u95a2\u9023\u60c5\u5831"}], "slug": "Web/CSS/background", "review_tags": []}