Plantilla de página de propiedad CSS

Nota: Elimina este bloque de notas antes de publicar.

Front matter de la página:

El front matter en la parte superior de la página se utiliza para definir los "metadatos de la página". Los valores deben actualizarse adecuadamente para la propiedad en particular.

---
title: name-of-the-property
slug: Web/CSS/Reference/Properties/name-of-the-property
page-type: css-property O css-shorthand-property
status:
  - deprecated
  - experimental
  - non-standard
browser-compat: css.properties.name-of-the-property
sidebar: cssref
---

title

El valor de title se muestra en la parte superior de la página. El formato del título es nombre-de-la-propiedad. Por ejemplo, la propiedad background-color tiene el título background-color.

slug

El valor de slug es el final de la ruta de la URL después de https://developer.mozilla.org/en-US/docs/. Esto tendrá el formato Web/CSS/Reference/Properties/nombre-de-la-propiedad. Por ejemplo, el slug para la propiedad background-color es Web/CSS/Reference/Properties/background-color. Para un componente de varias palabras como Getting_started en un slug, este debe usar un guion bajo, como en /en-US/docs/Learn_web_development/Core/Structuring_content.

page-type

El valor de page-type para las propiedades CSS es css-property. Para una propiedad CSS abreviada (shorthand), el valor es css-shorthand-property. Por ejemplo, el valor de page-type para la propiedad animation es css-shorthand-property porque es una propiedad abreviada, mientras que el valor de page-type para la propiedad animation-delay es css-property.

status

Etiquetas (flags) que describen el estado de esta característica. Es un arreglo (array) que puede contener uno o más de los siguientes valores: experimental, deprecated, non-standard. Esta clave no debe configurarse manualmente: se establece automáticamente según los valores en los datos de compatibilidad del navegador para la característica. Consulta "Cómo se añaden o actualizan los estados de las características".

browser-compat

Reemplaza el valor de marcador de posición css.properties.NameOfTheProperty con la cadena de consulta (query string) para la propiedad en el repositorio de datos de compatibilidad de navegadores (Browser compat data repo). Revisa la sección Otras macros en la página de este bloque de notas para ver cómo se utiliza este par clave-valor para generar contenido para las secciones Especificaciones y Compatibilidad con navegadores.

sidebar

Esto es cssref para todas las páginas de guía y referencia de CSS. Consulta Estructuras de página: Barras laterales para más detalles.

Macros de la parte superior de la página

Varias llamadas a macros aparecen en la parte superior de la sección de contenido (inmediatamente debajo del front matter de la página). El conjunto de herramientas (toolchain) añade automáticamente estas macros (no es necesario añadirlas ni eliminarlas):

• {{SeeCompatTable}}: Esta macro genera un banner de Experimental, que indica que la tecnología es experimental. Si la tecnología es experimental y está oculta detrás de una preferencia en Firefox, también debes completar una entrada para ella en la página Características experimentales en Firefox.
• {{Deprecated_Header}}: Esta macro genera un banner de Obsoleto (Deprecated), que indica que el uso de la tecnología está desaconsejado.
• {{Non-standard_Header}} — esto genera un banner de No estándar (Non-standard) que indica que la característica no forma parte de ninguna especificación.

Debes actualizar o eliminar las siguientes macros de acuerdo con los consejos a continuación: