Meta tags:
description=Fundamentos básicos para dar estilo al texto con CSS: decoración, color, alineación y más. Ejemplos incluidos.;

Headings (most frequently used words):

texto, de, resultado, espaciado, entre, en, css, color, alineación, decoración, transformación, sombra, sangría, letras, altura, línea, palabras, práctica,

Text of the page (most frequently used words):
text (71), texto (50), css (46), style (36), html (35), color (35), border (35), propiedad (34), que (34), title (27), font (25), valor (22), los (21), the (21), line (21), decoration (21), para (19), línea (18), del (18), body (18), head (18), grid (18), aprender (15), align (15), spacing (15), transform (15), right (14), width (14), background (13), valores (13), height (13), shadow (13), column (13), type (12), with (12), left (12), copiar (11), ejemplo (11), predeterminado (11), como (11), una (11), entre (10), use (10), uso (10), break (10), sangría (9), word (9), document (9), doctype (9), elemento (9), letter (9), paragraph (9), top (9), bottom (9), image (9), animation (9), web (8), espaciado (8), altura (8), sombra (8), alineación (8), radius (8), size (8), pruébalo (8), mismo (8), out (8), más (8), some (8), position (8), stroke (8), palabras (7), lorem (7), ipsum (7), lipsum (7), sometimes (7), known (7), dummy (7), used (7), laying (7), print (7), graphic (7), designs (7), esta (7), con (7), cada (7), justify (7), overflow (7), offset (7), flex (7), page (6), las (6), siguientes (6), passage (6), attributed (6), unknown (6), typesetter (6), 15th (6), century (6), who (6), thought (6), have (6), scrambled (6), parts (6), cicero (6), finibus (6), bonorum (6), malorum (6), for (6), specimen (6), book (6), caracteres (6), define (6), value (6), underline (6), padding (6), margin (6), variant (6), w3docs (5), decoración (5), this (5), puedes (5), property (5), hereda (5), initial (5), hace (5), length (5), longitud (5), normal (5), por (5), utiliza (5), izquierda (5), none (5), transition (5), last (5), outline (5), child (5), formatter (5), generator (4), práctica (4), letras (4), propiedades (4), span (4), example (4), inherit (4), padre (4), especifica (4), etc (4), son (4), indent (4), ff0000 (4), derecha (4), capitalize (4), lowercase (4), uppercase (4), through (4), overline (4), center (4), mode (4), fill (4), list (4), template (4), row (4), gap (4), rule (4), nth (4), first (4), todos (3), español (3), json (3), code (3), encoder (3), editor (3), cuestionarios (3), ejercicios (3), php (3), javascript (3), ejemplos (3), transformación (3), controlar (3), display (3), negativos (3), este (3), espacio (3), tamaño (3), fuente (3), porcentaje (3), qué (3), líneas (3), primera (3), tiene (3), heading (3), red (3), resultado (3), convierte (3), dibuja (3), end (3), start (3), wrap (3), range (3), origin (3), items (3), before (3), after (3), max (3), content (3), columns (3), auto (3), direction (3), clip (3), box (3), only (3), ver (3), string (3), tools (3), italiano (2), português (2), français (2), русский (2), deutsch (2), english (2), idioma (2), beautifier (2), diff (2), password (2), herramientas (2), python (2), java (2), git (2), libros (2), fragmentos (2), class (2), cuál (2), usar (2), apariencia (2), block (2), adicional (2), puede (2), especificarse (2), válidos (2), admite (2), propio (2), number (2), actual (2), número (2), establecer (2), interlineado (2), 100 (2), permiten (2), significa (2), espacios (2), hanging (2), cuando (2), afecta (2), tras (2), salto (2), bloque (2), contenedor (2), capítulo (2), glow (2), sombras (2), opcional (2), blur (2), obligatorio (2), desplazamiento (2), vertical (2), positivo (2), mueve (2), hacia (2), negativo (2), añade (2), cuatro (2), palabra (2), mayúscula (2), minúsculas (2), mayúsculas (2), link (2), usa (2), subrayado (2), centro (2), defecto (2), clave (2), sobre (2), alinear (2), página (2), alinea (2), hex (2), hsl (2), rgb (2), visibility (2), unicode (2), timing (2), function (2), duration (2), delay (2), rendering (2), skip (2), perspective (2), inside (2), anchor (2), path (2), object (2), blend (2), min (2), rows (2), flow (2), feature (2), empty (2), counter (2), count (2), repeat (2), read (2), hash (2), 2026, derechos, reservados, hecho, desarrolladores, política, privacidad, contacto, acerca, empresa, try, tutoriales, gratuitos, desde, 2014, next, previous, yes, was, helpful, comprobar, rem, ayuda, podemos, cambiar, fragmento, individuales, sin, unidad, suele, ser, opción, segura, escala, evita, sorpresas, herencia, multiplica, fija, mayor, diferencia, será, estos, admitidos, here, habrá, extra, permite, definir, indentation, invierte, tienen, each, así, forzado, pero, ajuste, suave, percentage, ancho, especificar, vacío, consulta, soft, drop, two, shadows, stacked, create, 888888, apilar, múltiples, separándolas, comas, crean, efectos, brillo, contorno, omite, navegador, tan, difusa, grandes, difuminan, abajo, arriba, horizontal, describe, hasta, orden, ten, cuenta, solo, cambia, cómo, contenido, subyacente, permanece, exactamente, escribiste, cual, importante, pegar, accesibilidad, muestra, deja, tal, fue, escrito, primer, carácter, capitalización, esto, configurar, inicial, título, hyperlink, without, elimina, cualquier, quitar, enlaces, debajo, encima, moderno, abreviación, comunes, parte, navegadores, alinean, inicio, idiomas, correspondiente, necesites, diferente, compatible, prefiere, lógicas, estira, tanto, extremo, izquierdo, derecho, revistas, periódicos, centra, dentro, establece, sus, decoraciones, dado, establecerlo, aplica, todo, descendiente, menos, hijo, sobrescriba, 255, rgba, ofrece, control, preciso, aspecto, repasa, utilizadas, acepta, ejecutable, mínimo, caso, enlaza, dedicado, donde, profundizar, fundamentos, básicos, dar, estilo, incluidos, zoom, index, writing, will, change, widows, white, space, user, select, bidi, orientation, ink, combine, upright, table, layout, tab, linecap, dashoffset, dasharray, speak, shape, outside, scrollbar, scroll, behavior, resize, quotes, pointer, events, place, orphans, order, opacity, rotate, distance, fit, mix, media, lines, clamp, keyframes, isolation, import, hyphens, punctuation, areas, area, weight, numeric, ligatures, east, asian, caps, alternates, stretch, language, override, adjust, kerning, values, settings, family, face, float, shrink, grow, basis, filter, cells, cursor, reset, increment, clear, charset, caret, caption, side, sizing, source, slice, outset, collapse, bleed, attachment, backface, appearance, play, state, name, iteration, self, all, properties, visited, valid, target, selection, scope, root, required, write, placeholder, optional, not, lang, invalid, indeterminate, hover, fullscreen, focus, enabled, disabled, dir, default, checked, active, selectores, selectors, css3, guía, flexbox, guides, gradientes, nombres, colores, tablas, links, sintaxis, introducción, basic, iniciar, sesión, buscar, formatters, url, reverse, sha256, md5, calculator, colors, mixer, converter, picker, general, cursos, estilos,

Text of the page (random words):
ge border image outset border image repeat border image slice border image source border image width border left border left color border left style border left width border radius border right border right color border right style border right width border spacing border style border top border top color border top left radius border top right radius border top style border top width border width bottom box decoration break box shadow box sizing break after break before break inside caption side caret color charset clear clip clip path color columns column count column fill column gap column rule column rule color column rule style column rule width column span column width content counter increment counter reset cursor direction display empty cells fill filter flex flex basis flex direction flex flow flex grow flex shrink flex wrap float font font face font display font family font feature settings font feature values font kerning font size font size adjust font language override font stretch font style font variant font variant alternates font variant caps font variant east asian font variant ligatures font variant numeric font weight grid grid area grid auto columns grid auto flow grid auto rows grid column grid column end grid column gap grid column start grid gap grid row grid row end grid row gap grid row start grid template grid template areas grid template columns grid template rows hanging punctuation height hyphens image rendering import initial letter isolation justify content justify items keyframes left letter spacing line break line clamp line height list style list style image list style position list style type margin margin bottom margin left margin right margin top max height max lines max width media min height min width mix blend mode object fit object position offset offset anchor offset distance offset path offset position offset rotate opacity order orphans outline outline color outline offset outline style outline width overflow overflow anchor overflow wrap overflow x overflow y padding padding bottom padding left padding right padding top page break page break after page break before page break inside perspective perspective origin place items pointer events position quotes resize right scroll behavior scrollbar shape outside speak stroke stroke dasharray stroke dashoffset stroke linecap stroke width tab size table layout text align text align last text combine upright text decoration text decoration color text decoration line text decoration skip text decoration skip ink text decoration style text fill color text indent text justify text orientation text overflow text rendering text shadow text stroke text stroke color text stroke width text transform text underline position top transform transform origin transform style transition transition delay transition duration transition property transition timing function unicode bidi unicode range user select vertical align visibility white space widows width will change word break word spacing word wrap writing mode z index zoom texto en css fundamentos básicos para dar estilo al texto con css decoración color alineación y más ejemplos incluidos css te ofrece un control preciso sobre el aspecto del texto esta página repasa las propiedades de texto más utilizadas qué hace cada una los valores que acepta y un ejemplo ejecutable mínimo para cada caso cada propiedad enlaza a su propio capítulo dedicado donde puedes profundizar color de texto alineación de texto decoración de texto transformación de texto sombra de texto sangría de texto espaciado entre letras altura de línea espaciado entre palabras color de texto la propiedad color establece el color del texto de un elemento y por defecto el de sus decoraciones como el subrayado el valor puede especificarse como una palabra clave de color red un valor hex ff0000 un valor rgb rgba rgb 255 0 0 o un valor hsl dado que color se hereda establecerlo en un contenedor se aplica a todo el texto descendiente a menos que un hijo lo sobrescriba ejemplo de uso de la propiedad css color doctype html html head title title of the document title head body p style color ff0000 this is some paragraph in red p body html copiar pruébalo tú mismo resultado alineación de texto la propiedad de alineación se utiliza para alinear el texto dentro de un elemento a la izquierda a la derecha al centro etc la alineación de texto tiene cuatro valores left text align left alinea el texto a la izquierda right text align right alinea el texto a la derecha center text align center centra el texto en la página justify text align justify estira la línea de texto para alinear tanto el extremo izquierdo como el derecho como en revistas y periódicos por defecto los navegadores alinean el texto al inicio de la línea a la izquierda en idiomas de izquierda a derecha como el español usa el valor correspondiente cuando necesites una alineación diferente para una alineación compatible con el idioma prefiere las palabras clave lógicas start y end sobre left y right ejemplo de uso de la propiedad css text align doctype html html head title title of the document title head body p this is some paragraph p p style text align center some paragraph with value center p p style text align right some paragraph with value right p p style text align justify some paragraph with value justify p body html copiar pruébalo tú mismo decoración de texto la propiedad text decoration añade líneas al texto en css moderno es una abreviación de css text decoration line css text decoration color y css text decoration style los valores más comunes para la parte text decoration line son overline text decoration overline dibuja una línea encima del texto underline text decoration underline dibuja una línea debajo del texto line through text decoration line through dibuja una línea en el centro del texto none text decoration none elimina cualquier decoración es lo que se usa para quitar el subrayado predeterminado de los enlaces ejemplo de uso de la propiedad css text decoration doctype html html head title title of the document title head body a style text decoration none this is link without underline a h1 style text decoration overline heading with value overline h1 p style text decoration line through some paragraph with value line through p a style text decoration underline some hyperlink with value underline a body html copiar pruébalo tú mismo resultado transformación de texto la propiedad transform se utiliza para controlar la capitalización del texto esto significa que puedes configurar tu texto en mayúsculas minúsculas o con mayúscula inicial título la propiedad transform tiene los siguientes valores uppercase text transform uppercase convierte todos los caracteres a mayúsculas lowercase text transform lowercase convierte todos los caracteres a minúsculas capitalize text transform capitalize convierte el primer carácter de cada palabra a mayúscula none text transform none deja el texto tal como fue escrito este es el valor predeterminado ten en cuenta que text transform solo cambia cómo se muestra el texto el contenido html subyacente permanece exactamente como lo escribiste lo cual es importante para copiar pegar y la accesibilidad ejemplo de uso de la propiedad css text transform doctype html html head title title of the document title head body p style text transform uppercase paragraph with uppercase p p style text transform lowercase paragraph with lowercase p p style text transform capitalize paragraph with capitalize p body html copiar pruébalo tú mismo resultado sombra de texto la propiedad text shadow añade una o más sombras al texto cada sombra se describe con hasta cuatro valores en este orden text shadow h shadow v shadow blur radius color copiar h shadow obligatorio desplazamiento horizontal un valor positivo mueve la sombra a la derecha un valor negativo a la izquierda v shadow obligatorio desplazamiento vertical un valor positivo mueve la sombra hacia abajo un valor negativo hacia arriba blur radius opcional qué tan difusa es la sombra valores más grandes la difuminan más el valor predeterminado es 0 color opcional el color de la sombra si se omite el navegador utiliza el color del elemento puedes apilar múltiples sombras separándolas con comas que es como se crean los efectos de brillo y contorno ejemplo de uso de la propiedad css text shadow doctype html html head title title of the document title style h1 text shadow 2 px 2 px 4 px 888888 h2 two shadows stacked to create a glow text shadow 0 0 6 px ff0000 0 0 12 px ff0000 style head body h1 heading with a soft drop shadow h1 h2 heading with a red glow h2 body html copiar consulta el capítulo css text shadow para más ejemplos sangría de texto la propiedad de sangría de texto se utiliza para especificar la longitud del espacio vacío en la primera línea de un bloque de texto los siguientes valores son válidos para esta propiedad length longitud que especifica la sangría en px pt cm em etc el valor predeterminado es 0 se permiten valores negativos percentage porcentaje que especifica la sangría como porcentaje del ancho del bloque contenedor each line cuando la sangría afecta la primera línea así como cada línea tras un salto de línea forzado pero no afecta las líneas tras un salto de ajuste suave hanging que invierte qué líneas tienen sangría la primera línea no tiene sangría initial que hace que la propiedad use su valor predeterminado inherit que hereda la propiedad del elemento padre ejemplo de uso de la propiedad css text indent doctype html html head title title of the document title style p text indent 100 px line height 24 px font size 16 px style head body h2 text indentation example h2 p lorem ipsum or lipsum as it is sometimes known is dummy text used in laying out print graphic or web designs the passage is attributed to an unknown typesetter in the 15th century who is thought to have scrambled parts of cicero s de finibus bonorum et malorum for use in a type specimen book p body html copiar pruébalo tú mismo espaciado entre letras la propiedad css letter spacing permite definir los espacios entre letras caracteres en un texto esta propiedad admite los siguientes valores normal que significa que no habrá espacios extra entre los caracteres es el valor predeterminado de esta propiedad length longitud que define un espacio adicional entre los caracteres se permiten valores negativos initial que hace que la propiedad use su valor predeterminado inherit que hereda la propiedad del elemento padre ejemplo de uso de la propiedad css letter spacing doctype html html head title title of the document title style p text indent 100 px line height 24 px font size 16 px letter spacing 5 px h3 letter spacing 1 px style head body h2 example of letter spacing property h2 p lorem ipsum or lipsum as it is sometimes known is dummy text used in laying out print graphic or web designs the passage is attributed to an unknown typesetter in the 15th century who is thought to have scrambled parts of cicero s de finibus bonorum et malorum for use in a type specimen book p h3 here is some text with letter spacing property h3 body html copiar pruébalo tú mismo altura de línea la propiedad line height define la altura de línea se utiliza para establecer el interlineado de un texto si el valor de line height es mayor que el valor de font size de un elemento la diferencia será el interlineado del texto estos son los valores admitidos por esta propiedad normal que define una altura de línea normal es el valor predeterminado de esta propiedad length longitud que define una altura de línea fija en px cm etc number número que define un número que se multiplica por el tamaño de fuente actual para establecer la altura de línea que define la altura de línea como porcentaje del tamaño de fuente actual initial que hace que la propiedad use su valor predeterminado inherit que hereda la propiedad del elemento padre un valor number sin unidad por ejemplo line height 1 5 suele ser la opción más segura ya que escala con el tamaño de fuente propio de cada elemento y evita sorpresas de herencia ejemplo de uso de la propiedad css line height doctype html html head title title of the document title style p line height 30 px h3 line height 1 style head body h2 example of line height property h2 p lorem ipsum or lipsum as it is sometimes known is dummy text used in laying out print graphic or web designs the passage is attributed to an unknown typesetter in the 15th century who is thought to have scrambled parts of cicero s de finibus bonorum et malorum for use in a type specimen book p h3 lorem ipsum or lipsum as it is sometimes known is dummy text used in laying out print graphic or web designs the passage is attributed to an unknown typesetter in the 15th century who is thought to have scrambled parts of cicero s de finibus bonorum et malorum for use in a type specimen book h3 body html copiar pruébalo tú mismo espaciado entre palabras con la ayuda de la propiedad css word spacing podemos cambiar el espacio entre las palabras en un fragmento de texto no los caracteres individuales admite los siguientes valores normal que especifica el espaciado de palabras normal este es el valor predeterminado de esta propiedad length longitud que especifica un espaciado de palabras adicional puede especificarse en px pt cm em etc los valores negativos son válidos initial que hace que la propiedad use su valor predeterminado inherit que hereda la propiedad del elemento padre ejemplo de uso de la propiedad css word spacing doctype html html head title title of the document title style p word spacing 1 em h3 word spacing 3 px span display block word spacing 3 rem style head body h2 example of word spacing property h2 p lorem ipsum or lipsum as it is sometimes known is dummy text used in laying out print graphic or web designs the passage is attributed to an unknown typesetter in the 15th century who is thought to have scrambled parts of cicero s de finibus bonorum et malorum for use in a type specimen book p h3 lorem ipsum or lipsum as it is sometimes known is dummy text used in laying out print graphic or web designs the passage is attributed to an unknown typesetter in the 15th century who is thought to have scrambled parts of cicero s de finibus bonorum et malorum for use in a type specimen book h3 span lorem ipsum or lipsum as it is sometimes known is dummy text used in laying out print graphic or web designs span body html copiar pruébalo tú mismo práctica práctica cuál de las siguientes propiedades puedes usar para controlar la apariencia del texto en css cuál de las siguientes propiedades puedes usar para controlar la apariencia del texto en css color text align font size border radius background color comprobar was this page helpful yes no previous css id y class next css font on this page color de texto alineación de texto decoración de texto transformación de texto sombra de texto sangría de texto espaciado entre letras altura de línea e...