Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Convert /web/css/[doublecolon-a] folder to Markdown (es) #8235

Merged
merged 3 commits into from
Sep 12, 2022
Merged
Show file tree
Hide file tree
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
55 changes: 0 additions & 55 deletions files/es/web/css/_doublecolon_-moz-color-swatch/index.html

This file was deleted.

49 changes: 49 additions & 0 deletions files/es/web/css/_doublecolon_-moz-color-swatch/index.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,49 @@
---
title: '::-moz-color-swatch'
slug: Web/CSS/::-moz-color-swatch
translation_of: Web/CSS/::-moz-color-swatch
---
{{CSSRef}}{{Non-standard_header}}

El **`::-moz-color-swatch`** [pdseudo-elemento CSS](/es/docs/Web/CSS) es una[ extension de Mozilla](/es/docs/Web/CSS/Mozilla_Extensions) que representa el color seleccionado en un {{HTMLElement("input")}} de `type="color"`.

> **Nota:** Usando `::-moz-color-swatch` con cualquier cosa excepto `<input type="color">` no concuerda con nada y no tiene efecto.

## Sintaxis

{{csssyntax}}

## Ejemplo

### HTML

```html
<input type="color" value="#de2020" />
```

### CSS

```css
input[type=color]::-moz-color-swatch {
border-radius: 10px;
border-style: none;
}
```

### Resultado

{{EmbedLiveSample("Example", 300, 50)}}

## Especificaciones

No es parte de ninguna especificacion. Es un pseudo-elemento patentado específicamente para Gecko.

## Browser compatibility

{{Compat("css.selectors.-moz-color-swatch")}}

## Ver tambien

- Pseudo-elementos similares usados por otros buscadores:

- {{cssxref("::-webkit-color-swatch")}}, pseudo-elemento soportado por WebKit y Blink (Safari, Chrome, and Opera)
36 changes: 0 additions & 36 deletions files/es/web/css/_doublecolon_-moz-page-sequence/index.html

This file was deleted.

34 changes: 34 additions & 0 deletions files/es/web/css/_doublecolon_-moz-page-sequence/index.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,34 @@
---
title: '::-moz-page-sequence'
slug: Web/CSS/::-moz-page-sequence
tags:
- CSS
- NeedsBrowserCompatibility
- NeedsExample
- No estándar(2)
- Pseudo-elemento
- Referencia CSS
translation_of: Web/CSS/::-moz-page-sequence
---
{{CSSRef}}{{non-standard_header}}

## Resumen

El [pseudo-elemento ](/es/docs/Web/CSS/Pseudo-elements)[CSS ](/es/docs/Web/CSS)`::-moz-page-sequence` sirve para representar el fondo de la previsualización de impresión.

## Ejemplos

Necesita un eejemplo

## Especificaciones

No es parte de ninguna especificación.

## Compatibilidad con los distintos navegadores

{{Compat("css.selectors.-moz-page-sequence")}}

## Ver además

- {{cssxref("::-moz-page")}}
- {{cssxref("::-moz-scrolled-page-sequence")}}
27 changes: 0 additions & 27 deletions files/es/web/css/_doublecolon_-moz-page/index.html

This file was deleted.

25 changes: 25 additions & 0 deletions files/es/web/css/_doublecolon_-moz-page/index.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
---
title: '::-moz-page'
slug: Web/CSS/::-moz-page
tags:
- CSS
- NeedsCompatTable
- NeedsE
- No estándar(2)
- Referencia CSS
translation_of: Web/CSS/::-moz-page
---
{{Non-standard_header}}{{CSSRef}}

## Resumen

El [pseudo-elemento](/es/docs/Web/CSS/Pseudo-elements)` CSS ::-moz-page` se aplica a una página individual que va a ser impresa o que está en previsualización para impresión.

## Especificaciones

No es parte de ninguna especificación.

## Ver además

- {{cssxref("::-moz-page-sequence")}}
- {{cssxref("::-moz-scrolled-page-sequence")}}
55 changes: 0 additions & 55 deletions files/es/web/css/_doublecolon_-moz-progress-bar/index.html

This file was deleted.

57 changes: 57 additions & 0 deletions files/es/web/css/_doublecolon_-moz-progress-bar/index.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,57 @@
---
title: '::-moz-progress-bar'
slug: Web/CSS/::-moz-progress-bar
tags:
- CSS
- 'CSS: Extensiones Mozilla'
- NeedsCompatTable
- No estandar
- Pseudo-elemento
- Referencia
translation_of: Web/CSS/::-moz-progress-bar
---
{{CSSRef}}{{Non-standard_header}}

El [pseudo-elemento](/es/docs/Web/CSS/Pseudo-elements) **`::-moz-progress-bar`** de [CSS](/es/docs/Web/CSS) es una [extensión de Mozilla](/es/docs/Web/CSS/Mozilla_Extensions) que representa la barra de progreso dentro de un elemento {{HTMLElement("progress")}}. (La barra representa la cantidad de progreso que se ha realizado).

## Sintaxis

{{csssyntax}}

## Ejemplos

### HTML

```html
<progress value="30" max="100">30%</progress>
<progress max="100">Indeterminado</progress>
```

### CSS

```css
::-moz-progress-bar {
background-color: red;
}

/* Forzar barras indeterminadas para tener ancho cero */
:indeterminate::-moz-progress-bar {
width: 0;
}
```

### Resultado

{{EmbedLiveSample('Ejemplos')}}

La primera barra de arriba debe tener este aspecto:

![Custom styled progress bar](/@api/deki/files/5387/=redbar.png)

## Ver también

- {{HTMLElement("progress")}}
- {{ cssxref("::-ms-fill") }}
- {{ cssxref("::-webkit-progress-bar") }}
- {{ cssxref("::-webkit-progress-value") }}
- {{ cssxref("::-webkit-progress-inner-element") }}
Loading