diff options
author | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:42:17 -0500 |
---|---|---|
committer | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:42:17 -0500 |
commit | da78a9e329e272dedb2400b79a3bdeebff387d47 (patch) | |
tree | e6ef8aa7c43556f55ddfe031a01cf0a8fa271bfe /files/it/web/css/background-repeat/index.html | |
parent | 1109132f09d75da9a28b649c7677bb6ce07c40c0 (diff) | |
download | translated-content-da78a9e329e272dedb2400b79a3bdeebff387d47.tar.gz translated-content-da78a9e329e272dedb2400b79a3bdeebff387d47.tar.bz2 translated-content-da78a9e329e272dedb2400b79a3bdeebff387d47.zip |
initial commit
Diffstat (limited to 'files/it/web/css/background-repeat/index.html')
-rw-r--r-- | files/it/web/css/background-repeat/index.html | 165 |
1 files changed, 165 insertions, 0 deletions
diff --git a/files/it/web/css/background-repeat/index.html b/files/it/web/css/background-repeat/index.html new file mode 100644 index 0000000000..b8d0a25fd7 --- /dev/null +++ b/files/it/web/css/background-repeat/index.html @@ -0,0 +1,165 @@ +--- +title: background-repeat +slug: Web/CSS/background-repeat +translation_of: Web/CSS/background-repeat +--- +<p> </p> + +<div id="section_1"> +<h3 class="editable" id="Sommario"><span>Sommario</span></h3> + +<div class="editIcon"><a href="../../../../en/CSS/background-repeat#" style="" title="Edit section"><span class="icon"><img alt="Edit section" class="sectionedit" src="../../../../skins/common/icons/icon-trans.gif"></span></a></div> + +<p><code>background-repeat</code> specifica se e come lo sfondo deve essere ripetuto.</p> + +<ul> + <li><span class="lang lang-en"><a href="../../../../en/CSS/initial_value" rel="internal">Valore iniziale</a> </span>: repeat</li> + <li>Si applica a: tutti gli elementi</li> + <li><span class="lang lang-en"><a href="../../../../en/CSS/inheritance" rel="internal">Ereditabile</a> </span>: no</li> + <li>Percentuali: no</li> + <li>Media: <span class="lang lang-en"><span class="lang lang-en"><code><a href="../../../../en/CSS/Media/Visual" rel="internal">visual</a></code></span> </span></li> + <li><span class="lang lang-en"><a href="../../../../en/CSS/computed_value" rel="internal">Valore riconosciuto</a> </span>: come specificato</li> +</ul> +</div> + +<div id="section_2"> +<h3 class="editable" id="Sintassi"><span>Sintassi</span></h3> + +<pre class="eval">background-repeat: repeat | repeat-x | repeat-y | no-repeat | inherit +</pre> +</div> + +<div id="section_3"> +<h3 class="editable" id="Valori"><span>Valori </span></h3> + +<div class="editIcon"><a href="../../../../en/CSS/background-repeat#" style="" title="Edit section"><span class="icon"><img alt="Edit section" class="sectionedit" src="../../../../skins/common/icons/icon-trans.gif"></span></a></div> + +<dl> + <dt>repeat</dt> + <dd>L'immagine viene ripetuta sia orizzontalmente che verticalmente</dd> + <dt>repeat-x</dt> + <dd>L'immagine viene ripetuta solo orizzontalmente</dd> + <dt>repeat-y</dt> + <dd>L'immagine viene ripetuta solo verticalmente</dd> + <dt>no-repeat</dt> + <dd>L'immagine non viene ripetuta: viene visualizzata una sola volta.</dd> +</dl> + +<p> </p> +</div> +<h2 id="Esempi">Esempi</h2> + +<h3 id="HTML">HTML</h3> + +<pre class="brush: html"><ol> + <li>no-repeat + <div class="one">&nbsp;</div> + </li> + <li>repeat + <div class="two">&nbsp;</div> + </li> + <li>repeat-x + <div class="three">&nbsp;</div> + </li> + <li>repeat-y + <div class="four">&nbsp;</div> + </li> + <li>repeat-x, repeat-y (multiple images) + <div class="five">&nbsp;</div> + </li> +</ol></pre> + +<h3 id="CSS">CSS</h3> + +<pre class="brush: css">/* Shared for all DIVS in example */ +li {margin-bottom: 12px;} +div { + background-image: url(https://mdn.mozillademos.org/files/12005/starsolid.gif); + width: 144px; + height: 84px; +} + +/* background repeat CSS */ +.one { + background-repeat: no-repeat; +} +.two { + background-repeat: repeat; +} +.three { + background-repeat: repeat-x; +} +.four { + background-repeat: repeat-y; +} + +/* Multiple images */ +.five { + background-image: url(https://mdn.mozillademos.org/files/12005/starsolid.gif), + url(https://developer.cdn.mozilla.net/media/redesign/img/favicon32.png); + background-repeat: repeat-x, + repeat-y; + height: 144px; +}</pre> + +<h3 id="Result">Result</h3> + +<p>In this example, each list item is matched with a different value of <code>background-repeat</code>.</p> + +<p>{{EmbedLiveSample('Esempi', 240, 360)}}</p> +<div id="section_5"> +<h3 class="editable" id="Specifiche"><span>Specifiche</span></h3> + +<div class="editIcon"><a href="../../../../en/CSS/background-repeat#" style="" title="Edit section"><span class="icon"><img alt="Edit section" class="sectionedit" src="../../../../skins/common/icons/icon-trans.gif"></span></a></div> + +<ul> + <li><a class="external" href="http://www.w3.org/TR/CSS1#background-repeat" rel="external nofollow" title="http://www.w3.org/TR/CSS1#background-repeat">CSS 1</a></li> + <li><a class="external" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat" rel="external nofollow" title="http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat">CSS 2.1</a></li> + <li><a class="external" href="http://www.w3.org/TR/2005/WD-css3-background-20050216/#background-repeat" rel="external nofollow" title="http://www.w3.org/TR/2005/WD-css3-background-20050216/#background-repeat">CSS 3</a></li> +</ul> +</div> + +<div id="section_6"> +<h3 class="editable" id="Compatibilità_tra_browser"><span>Compatibilità tra browser</span></h3> + + +<div class="editIcon"><a href="../../../../en/CSS/background-repeat#" style="" title="Edit section"><span class="icon"><img alt="Edit section" class="sectionedit" src="../../../../skins/common/icons/icon-trans.gif"></span></a></div> + +<table class="standard-table"> + <tbody> + <tr> + <th>Browser</th> + <th> + <p>Versione più vecchia</p> + </th> + </tr> + <tr> + <td>Internet Explorer</td> + <td>4</td> + </tr> + <tr> + <td>Firefox</td> + <td>1</td> + </tr> + <tr> + <td>Netscape</td> + <td>4</td> + </tr> + <tr> + <td>Opera</td> + <td>3.5</td> + </tr> + </tbody> +</table> +</div> + +<div id="section_7"> +<h3 class="editable" id="Vedere_anche"><span>Vedere anche</span></h3> + + +<div class="editIcon"><a href="../../../../en/CSS/background-repeat#" style="" title="Edit section"><span class="icon"><img alt="Edit section" class="sectionedit" src="../../../../skins/common/icons/icon-trans.gif"></span></a></div> + +<p><span class="lang lang-en"><span class="lang lang-en"><code><a class="internal" href="/../../it/CSS/background" rel="internal" title="../../it/CSS/background">background</a></code></span> , <span class="lang lang-en"><code><a class="internal" href="/../../it/CSS/background-attachment" rel="internal" title="../../it/CSS/background-attachment">background-attachment</a></code></span> , <span class="lang lang-en"><code><a class="internal" href="/../../it/CSS/background-color" rel="internal" title="../../it/CSS/background-color">background-color</a></code></span> , <span class="lang lang-en"><code><a class="internal" href="/../../it/CSS/background-image" rel="internal" title="../../it/CSS/background-image">background-image</a></code></span> , <span class="lang lang-en"><code><a class="internal" href="/../../it/CSS/background-position" rel="internal" title="../../it/CSS/background-position">background-position</a></code></span> , <span class="lang lang-en"><code><strong>background-repeat</strong></code></span> </span></p> +</div> + +<p> </p> |