From 95aca4b4d8fa62815d4bd412fff1a364f842814a Mon Sep 17 00:00:00 2001 From: Ryan Johnson Date: Thu, 29 Apr 2021 16:16:42 -0700 Subject: remove retired locales (#699) --- files/ca/web/css/margin/index.html | 303 ------------------------------------- 1 file changed, 303 deletions(-) delete mode 100644 files/ca/web/css/margin/index.html (limited to 'files/ca/web/css/margin') diff --git a/files/ca/web/css/margin/index.html b/files/ca/web/css/margin/index.html deleted file mode 100644 index 7c69f135d5..0000000000 --- a/files/ca/web/css/margin/index.html +++ /dev/null @@ -1,303 +0,0 @@ ---- -title: margin -slug: Web/CSS/margin -tags: - - CSS - - CSS Property - - Reference -translation_of: Web/CSS/margin -translation_of_original: Web/CSS/margin-new ---- -
{{CSSRef}}
- -

La propietat CSS margin estableix l'àrea del marge en els quatre costats d'un element. És una abreviatura que estableix tots els marges individuals alhora: {{cssxref("margin-top")}}, {{cssxref("margin-right")}}, {{cssxref("margin-bottom")}} i {{cssxref("margin-left")}}.

- -
/* Apply to all four sides */
-margin: 1em;
-
-/* vertical | horizontal */
-margin: 5% auto;
-
-/* top | horizontal | bottom */
-margin: 1em auto 2em;
-
-/* top | right | bottom | left */
-margin: 2px 1em 0 auto;
-
-/* Global values */
-margin: inherit;
-margin: initial;
-margin: unset;
-
- - - -

{{EmbedLiveSample("margin", "100%", 400, "", "", "example-outcome-frame")}}

- -

{{cssinfo}}

- -

Sintaxi

- -

La propietat margin es pot especificar usant un, dos, tres o quatre valors. Cada valor és un <length>, un <percentage>, o la paraula clau auto. Cada valor pot ser positiu, zero o negatiu.

- - - -

Valors

- -
-
{{cssxref("length")}}
-
La grandària del marge com a valor fix.
-
{{cssxref("percentage")}}
-
La grandària del marge com a percentatge, en relació amb l'amplada del bloc contenidor.
-
auto
-
El navegador selecciona un marge adequat per utilitzar-lo. Per exemple, en alguns casos aquest valor es pot utilitzar per centrar un element.
-
- -

Sintaxi formal

- -{{csssyntax}} - -

Exemples

- -

Exemple senzill

- -

HTML

- -
<div class="center">This element is centered.</div>
-
-<div class="outside">This element is positioned outside of its container.</div>
- -

CSS

- -
.center {
-  margin: auto;
-  background: lime;
-  width: 66%;
-}
-
-.outside {
-  margin: 3rem 0 0 -3rem;
-  background: cyan;
-  width: 66%;
-}
- -

{{ EmbedLiveSample('Simple_example','100%',120) }}

- -

Més exemples

- -
margin: 5%;                 /* all sides: 5% margin */
-
-margin: 10px;               /* all sides: 10px margin */
-
-margin: 1.6em 20px;         /* top and bottom: 1.6em margin */
-                            /* left and right: 20px margin  */
-
-margin: 10px 3% 1em;        /* top:            10px margin */
-                            /* left and right: 3% margin   */
-                            /* bottom:         1em margin  */
-
-margin: 10px 3px 30px 5px;  /* top:    10px margin */
-                            /* right:  3px margin  */
-                            /* bottom: 30px margin */
-                            /* left:   5px margin  */
-
-margin: 2em auto;           /* top and bottom: 2em margin   */
-                            /* box is horizontally centered */
-
-margin: auto;               /* top and bottom: 0 margin     */
-                            /* box is horizontally centered */
-
- -

Notes

- -

Centrat horitzontal

- -

Per centrar alguna cosa horitzontalment en els navegadors moderns, podeu utilitzar display: flex; justify-content: center; .

- -

Tanmateix, en navegadors antics com IE8-9 que no admeten el disseny de flexbox, aquests no estan disponibles. Per centrar un element dins del seu pare, utilitzeu margin: 0 auto; .

- -

Col.lapse del marge

- -

Els marges superior i inferior d'elements solen col·lapsar-se en un únic marge igual al major dels dos marges. Consulteu Dominar el col.lapse del marge per obtenir més informació.

- -

Especificacions

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
EspecificacióEstatComentari
{{ SpecName('CSS3 Box', '#margin', 'margin') }}{{ Spec2('CSS3 Box') }}No hi ha canvis significatius .
{{ SpecName('CSS3 Transitions', '#animatable-css', 'margin') }}{{ Spec2('CSS3 Transitions') }}Defineix margin com animable.
{{ SpecName('CSS2.1', 'box.html#margin-properties', 'margin') }}{{ Spec2('CSS2.1') }}Elimina el seu efecte en elements en línia .
{{ SpecName('CSS1', '#margin', 'margin') }}{{ Spec2('CSS1') }}Definició iniciaI.
- - - -

{{CompatibilityTable}}

- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
DescripcióChromeEdgeFirefox (Gecko)Internet ExplorerOperaSafari (WebKit)
Suport bàsic1.0{{CompatVersionUnknown}}{{ CompatGeckoDesktop("1") }}3.03.51.0 (85)
auto value1.0{{CompatUnknown}}{{ CompatGeckoDesktop("1") }}6.0 (strict mode)3.51.0 (85)
-
- -
- - - - - - - - - - - - - - - - - - - - - -
DescripcióAndroidEdgeFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Suport bàsic1.0{{CompatVersionUnknown}}{{ CompatGeckoMobile("1") }}6.06.01.0
-
- -

Vegeu també

- - -- cgit v1.2.3-54-g00ecf