diff options
Diffstat (limited to 'files/ca/web/css/padding-right/index.html')
-rw-r--r-- | files/ca/web/css/padding-right/index.html | 147 |
1 files changed, 147 insertions, 0 deletions
diff --git a/files/ca/web/css/padding-right/index.html b/files/ca/web/css/padding-right/index.html new file mode 100644 index 0000000000..7e5baa72e8 --- /dev/null +++ b/files/ca/web/css/padding-right/index.html @@ -0,0 +1,147 @@ +--- +title: padding-right +slug: Web/CSS/padding-right +tags: + - CSS + - CSS Padding + - CSS Property + - Reference +translation_of: Web/CSS/padding-right +--- +<div>{{CSSRef}}</div> + +<p>La propietat <a href="https://developer.mozilla.org/en/CSS" title="CSS">CSS</a> <strong> <code>padding-right</code> </strong> estableix l'amplada de l'àrea de farcit a la part dreta d'un element. A diferència dels marges, no es permeten valors negatius per al farcit . La propietat abreujada {{cssxref("padding")}} es pot utilitzar per establir farcits als quatre costats d'un element amb una sola declaració.</p> + +<pre class="brush:css no-line-numbers">/* <length> values */ +padding-right: 0.5em; +padding-right: 0; +padding-right: 2cm; + +/* <percentage> value */ +padding-right: 10%; + +/* Global values */ +padding-right: inherit; +padding-right: initial; +padding-right: unset; +</pre> + +<p>L'<a href="https://developer.mozilla.org/en/CSS/box_model#padding-area" title="http://developer.mozilla.org/en/CSS/Box_model#padding">àrea de farcit</a> <span id="result_box" lang="ca"><span>d'un element és l'espai entre el seu contingut i la seva vora.</span></span></p> + +<p>{{cssinfo}}</p> + +<h2 id="Syntax" name="Syntax">Sintaxi</h2> + +<h3 id="Values" name="Values">Valors</h3> + +<dl> + <dt>{{cssxref("length")}}</dt> + <dd>La grandària del farcit com a valor fix. Ha de ser no negatiu.</dd> + <dt>{{cssxref("percentage")}}</dt> + <dd>La grandària del farcit com a percentatge, en relació amb l'<em>amplada</em> del bloc contenidor. Ha de ser no negatiu.</dd> +</dl> + +<h3 id="Sintaxi_formal">Sintaxi formal</h3> + +<pre class="syntaxbox">{{csssyntax}}</pre> + +<h2 id="Examples" name="Examples">Exemples</h2> + +<pre class="brush: css">.content { padding-right: 5%; } +.sidebox { padding-right: 10px; } +</pre> + +<h2 id="Especificacions">Especificacions</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{ SpecName('CSS3 Box', '#the-padding', 'padding-right') }}</td> + <td>{{ Spec2('CSS3 Box') }}</td> + <td><span class="short_text" id="result_box" lang="ca"><span>No hi ha cap canvi</span></span>.</td> + </tr> + <tr> + <td>{{ SpecName('CSS3 Transitions', '#animatable-css', 'padding-right') }}</td> + <td>{{ Spec2('CSS3 Transitions') }}</td> + <td>Defineix <code>padding-right</code> com animable.</td> + </tr> + <tr> + <td>{{ SpecName('CSS2.1', 'box.html#padding-properties', 'padding-right') }}</td> + <td>{{ Spec2('CSS2.1') }}</td> + <td><span class="short_text" id="result_box" lang="ca"><span>No hi ha cap canvi</span></span>.</td> + </tr> + <tr> + <td>{{ Specname('CSS1', '#padding-right', 'padding-right') }}</td> + <td>{{ Spec2('CSS1') }}</td> + <td>Definició inicial.</td> + </tr> + </tbody> +</table> + +<h2 id="Browser_Compatibility" name="Browser_Compatibility">Navegadors compatibles</h2> + +<p>{{CompatibilityTable}}</p> + +<div id="compat-desktop"> +<table class="compat-table"> + <tbody> + <tr> + <th>Descripció</th> + <th>Chrome</th> + <th>Edge</th> + <th>Firefox (Gecko)</th> + <th>Internet Explorer</th> + <th>Opera</th> + <th>Safari (WebKit)</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>1.0</td> + <td>{{CompatVersionUnknown}}</td> + <td>1.0 (1.0)</td> + <td>4.0</td> + <td>3.5</td> + <td>1.0 (85)</td> + </tr> + </tbody> +</table> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>Descripció</th> + <th>Android</th> + <th>Edge</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Phone</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{ CompatUnknown() }}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{ CompatUnknown() }}</td> + <td>{{ CompatUnknown() }}</td> + <td>{{ CompatUnknown() }}</td> + <td>{{ CompatUnknown() }}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Vegeu_també">Vegeu també</h2> + +<ul> + <li><a class="internal" href="https://developer.mozilla.org/en/CSS/box_model" title="en/CSS/box model">Model de caixa CSS</a></li> + <li>La propietat abreujada {{cssxref("padding")}} es pot utilitzar per establir el farcit en els quatre costats d'un element amb una sola declaració: {{cssxref("padding-top")}}, <code>padding-right</code>, {{cssxref("padding-bottom")}} i {{cssxref("padding-left")}}.</li> +</ul> |