-
Notifications
You must be signed in to change notification settings - Fork 8.1k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Convert /css/ddash-b folder to Markdown (es) (#9351)
* css/ddash-b html cleanup 1/2 * css/ddash-b rename html to md * css/ddash-b h2m replace * css/ddash-b html cleanup 2/2 * css/ddash-b linting with 8181 .markdownlint-cli2.jsonc * css/ddash-b drop the url title attributes * fix files/es/web/css/background-size/index.md * Apply suggestions from code review * Apply suggestion files/es/web/css/border-inline/index.md * fix examples in lists and order as en-US * fix examples in lists and order as en-US border * getting changes from #9358 * sourceCommit added to background-image
- Loading branch information
Showing
170 changed files
with
8,402 additions
and
11,073 deletions.
There are no files selected for viewing
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,55 @@ | ||
--- | ||
title: '-moz-force-broken-image-icon' | ||
slug: Web/CSS/-moz-force-broken-image-icon | ||
tags: | ||
- CSS | ||
- CSS Reference | ||
- Non-standard | ||
translation_of: Web/CSS/-moz-force-broken-image-icon | ||
--- | ||
{{Non-standard_header}}{{ CSSRef() }} | ||
|
||
## Resumen | ||
|
||
`-moz-force-broken-image-icon` es una propiedad CSS extendida. El valor `1` fuerza un icono de imagen no encontrada aunque la imagen tenga el atributo `alt`. Cuando el valor es `0` la imagen actuará normalmente y solo mostrará el atributo `alt`. | ||
|
||
> **Nota:** Aunque el valor sea `1` el atributo `alt` se seguirá mostrando. Más información debajo. | ||
{{cssinfo}} | ||
|
||
## Sintaxis | ||
|
||
``` | ||
-moz-force-broken-image-icon: <integer>; | ||
``` | ||
|
||
### Valores | ||
|
||
{{cssxref("<integer>")}} | ||
|
||
## Ejemplos | ||
|
||
```css | ||
img { | ||
-moz-force-broken-image-icon: 1; | ||
height:100px; | ||
width:100px; | ||
} | ||
``` | ||
|
||
```html | ||
<img src='/enlace/roto/imagen.png' alt='Imagen con enlace roto'> | ||
``` | ||
|
||
{{ EmbedLiveSample('Examples','125','125','/files/4619/broken%20image%20link.png') }} | ||
|
||
> **Nota:** A no ser que la imagen tenga una altura y ancho especificados, el icono de imagen rota no se mostrará, pero el atributo alt no se mostrará si el valor de `-moz-force-broken-image-icon` es `1`. | ||
## Notas | ||
|
||
- Esta propiedad solo funcionará en los navegadores basados en Gecko | ||
- No se recomienda el uso de esta propiedad. Se debería usar un atributo alt adecuado. | ||
|
||
## Ver también | ||
|
||
- {{ Bug(58646) }} |
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,91 @@ | ||
--- | ||
title: '-webkit-mask-repeat-y' | ||
slug: Web/CSS/-webkit-mask-repeat-y | ||
tags: | ||
- CSS | ||
- Máscara CSS | ||
- NeedsBrowserCompatibility | ||
- NeedsMobileBrowserCompatibility | ||
- No estandar | ||
- Propiedad CSS | ||
- Referencia | ||
translation_of: Web/CSS/-webkit-mask-repeat-y | ||
--- | ||
{{CSSRef}}{{Non-standard_header}} | ||
|
||
## Resumen | ||
|
||
La propiedad CSS `-webkit-mask-repeat-y` especifica si una imagen de máscara se repite(en mosaico) y cómo se lleva acabo esa repetición de manera vertical. | ||
|
||
{{cssinfo}} | ||
|
||
## Síntaxis | ||
|
||
```css | ||
/* Palabras Clave Valor */ | ||
-webkit-mask-repeat-y: repeat; | ||
-webkit-mask-repeat-y: no-repeat; | ||
-webkit-mask-repeat-y: space; | ||
-webkit-mask-repeat-y: round; | ||
|
||
/* Múltiples valores */ | ||
-webkit-mask-repeat-y: repeat, no-repeat, space; | ||
|
||
/* Valores globales */ | ||
-webkit-mask-repeat-y: inherit; | ||
-webkit-mask-repeat-y: initial; | ||
-webkit-mask-repeat-y: unset; | ||
``` | ||
|
||
## Valores | ||
|
||
- repeat | ||
- : La imagen se repite verticalmente | ||
- no-repeat | ||
- : La imagen de máscara no se repite verticalmente; sólo se dibuja una copia de la misma. El resto del contenido del elemento al cual se le ha aplicado la máscara, no es mostrado. | ||
- space | ||
- : La imagen se repite tanta veces como sea posible pero sin aplicarle ningún recorte. La primera y la última imagen estarán pegadas al borde superior e inferior del elemento y el espacio restante se distribuye de igual manera entre las imágenes. Se ignora la propiedad {{cssxref("mask-position")}} a menos que únicamente se pueda mostrar una sóla imagen sin aplicar recortes. El único caso en el que se aplican recortes usando este valor es cuando no hay suficiente espacio para mostrar una sóla imagen. | ||
- round | ||
|
||
- : Al aumentar el espacio vertical la imágenes repetidas pueden estiarse (sin dejar huecos) hasta que sólo haya hueco para añadir una más. Al añadir la siguiente se encogen para permitir el hueco.Ejemplo: Una imagen con una altura original de 260px, repetida 3 veces, puede estirarse hasta que cada repetición tenga una altura de 300px y, entonces, se añadirá otra que se encogerá hasta una altura 225px. | ||
|
||
As the allowed vertical space increases in size, the repeated images will stretch (leaving no gaps) until there is room for another one to be added. When the next image is added, all of the current ones compress to allow room. Example: An image with an original height of 260px, repeated three times, might stretch until each repetition is 300px high, and then another image will be added. They will then compress to a height of 225px. | ||
|
||
### Síntaxis Formal | ||
|
||
{{csssyntax}} | ||
|
||
## Ejemplos | ||
|
||
```css | ||
.exampleone { | ||
-webkit-mask-image: url('mask.png'); | ||
-webkit-mask-repeat-y: repeat; | ||
} | ||
|
||
.exampletwo { | ||
-webkit-mask-image: url('mask.png'); | ||
-webkit-mask-repeat-y: no-repeat; | ||
} | ||
``` | ||
|
||
### Soporte para múltiples imágenes de máscara | ||
|
||
Es posible especificar un `<repeat-style>` diferente para cada una de las imágenes de máscara. Los distintos valores deben separarme mediante el uso de comas: | ||
|
||
```css | ||
.examplethree { | ||
-webkit-mask-image: url('mask1.png'), url('mask2.png'); | ||
-webkit-mask-repeat-y: repeat, space; | ||
} | ||
``` | ||
|
||
Cada imagen se asocia con el correspondiente estilo de repetición, desde la primera hasta la última y siguiendo el orden que se ha establecido. | ||
|
||
## Compatibilidad con los distintos navegadores | ||
|
||
{{Compat("css.properties.-webkit-mask-repeat-y")}} | ||
|
||
## Ver además | ||
|
||
{{cssxref("-webkit-mask-repeat")}}, {{cssxref("-webkit-mask-repeat-x")}} |
This file was deleted.
Oops, something went wrong.
Oops, something went wrong.