diff options
author | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:41:45 -0500 |
---|---|---|
committer | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:41:45 -0500 |
commit | 1109132f09d75da9a28b649c7677bb6ce07c40c0 (patch) | |
tree | 0dd8b084480983cf9f9680e8aedb92782a921b13 /files/es/web/css/text-decoration-line/index.html | |
parent | 4b1a9203c547c019fc5398082ae19a3f3d4c3efe (diff) | |
download | translated-content-1109132f09d75da9a28b649c7677bb6ce07c40c0.tar.gz translated-content-1109132f09d75da9a28b649c7677bb6ce07c40c0.tar.bz2 translated-content-1109132f09d75da9a28b649c7677bb6ce07c40c0.zip |
initial commit
Diffstat (limited to 'files/es/web/css/text-decoration-line/index.html')
-rw-r--r-- | files/es/web/css/text-decoration-line/index.html | 100 |
1 files changed, 100 insertions, 0 deletions
diff --git a/files/es/web/css/text-decoration-line/index.html b/files/es/web/css/text-decoration-line/index.html new file mode 100644 index 0000000000..6fcbbc2d7c --- /dev/null +++ b/files/es/web/css/text-decoration-line/index.html @@ -0,0 +1,100 @@ +--- +title: text-decoration-line +slug: Web/CSS/text-decoration-line +tags: + - Propiedad CSS + - Texto CSS +translation_of: Web/CSS/text-decoration-line +--- +<div>{{CSSRef}}</div> + +<p>La propiedad <a href="/es/docs/CSS">CSS</a> <strong><code>text-decoration-line</code></strong> establece el tipo de decoración de línea que se agregará a un elemento.</p> + +<div>{{EmbedInteractiveExample("pages/css/text-decoration-line.html")}}</div> + +<p>When setting multiple line-decoration properties at once, it may be more convenient to use the {{cssxref("text-decoration")}} shorthand property instead.</p> + +<p>La decoración <em>underline</em> posiciona el subrayado debajo del texto, la decoración <em>overline</em> posiciona el subrayado encima del texto, y la decoración <em>line-through</em> posiciona la línea en medio del texto.</p> + +<h2 id="Sintaxis">Sintaxis</h2> + +<pre class="brush:css">/* Valores de clave */ +text-decoration-line: none; +text-decoration-line: underline; +text-decoration-line: overline; +text-decoration-line: line-through; +text-decoration-line: underline overline; /* Dos líneas de decoración */ +text-decoration-line: overline underline line-through; /* Múltiples líneas de decoración */ + +/* Valores globales */ +text-decoration-line: inherit; +text-decoration-line: initial; +text-decoration-line: unset; +</pre> + +<h3 id="Valores">Valores</h3> + +<p><strong><code>none</code></strong></p> + +<dl> + <dd>No agrega decoración al texto.</dd> + <dt><code>underline</code></dt> + <dd>Cada línea del texto lleva subrayado inferior.</dd> + <dt><code>overline</code></dt> + <dd>Cada línea del texto lleva subrayado superior.</dd> + <dt><code>line-through</code></dt> + <dd>Cada línea del texto lleva una línea atravesando por en medio del mismo.</dd> + <dt><code>blink {{deprecated_inline}}</code></dt> + <dd>El texto parpadea (se alterna entre visible e invisible). Según los ajustes del agente usuario, el texto puede simplemente no parpadear. Este valor está en <strong>desuso</strong>, en favor de las <a href="/es/docs/Web/CSS/animation">Animaciones</a>.</dd> + <dt><code>-moz-anchor-decoration </code>{{non-standard_inline}}</dt> + <dd>El texto es decorado con el estilo de un ancla; no adecuado para contenido web.</dd> +</dl> + +<h3 id="Sintaxis_formal">Sintaxis formal</h3> + +<pre class="syntaxbox">{{csssyntax}}</pre> + +<h2 id="Ejemplo">Ejemplo</h2> + +<h3 id="Contenido_HTML">Contenido HTML</h3> + +<pre class="brush: html"><p>¡Aquí hay texto con subrayado inferior rojo ondulado!</p></pre> + +<h3 id="Contenido_CSS">Contenido CSS</h3> + +<pre class="brush: css">p { + text-decoration-line: underline; + text-decoration-style: wavy; + text-decoration-color: red; +}</pre> + +<p>{{EmbedLiveSample('example', 300, 50)}}</p> + +<h2 id="Especificaciones">Especificaciones</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Especificación</th> + <th scope="col">Estado</th> + <th scope="col">Comentarios</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('CSS3 Text Decoration', '#text-decoration-line', 'text-decoration-line')}}</td> + <td>{{Spec2('CSS3 Text Decoration')}}</td> + <td>Definición inicial. La propiedad {{cssxref("text-decoration")}} no era una forma reducida anteriormente.</td> + </tr> + </tbody> +</table> + +<h2 id="Compatibilidad_de_navegadores">Compatibilidad de navegadores</h2> + +<p>{{Compat("css.properties.text-decoration-line")}}</p> + +<h2 id="Ver_también">Ver también</h2> + +<ul> + <li>When setting multiple line-decoration properties at once, it may be more convenient to use the {{cssxref("text-decoration")}} shorthand property instead.</li> +</ul> |