Info extraída de W3Schools
font-weightfont-styletext-aligntext-transformtext-decorationtext-decoration-line
text-decoration-color
text-decoration-style
text-decoration-thickness
text-decoration
text-indenttext-shadowlist-stylefont-weightEspecifica el 'peso' de una fuente. Establece qué tan gruesos o delgados deben mostrarse los caracteres en el texto.
La capacidad de elegir entre diferentes niveles dependen de la fuente.
Un párrafo con font-weigth en valor lighter
(relativo,
más ligera que el peso de fuente
heredado).
Un párrafo con font-weigth en valor bolder
(relativo,
más negrita que el peso de fuente
heredado.).
Un párrafo con font-weigth en valor 100.
Un párrafo con font-weigth en valor 200.
Un párrafo con font-weigth en valor 300.
Un párrafo con font-weigth en valor normal (por
defecto,
equivalente a 400).
Un párrafo con font-weigth en valor 500.
Un párrafo con font-weigth en valor 600.
Un párrafo con font-weigth en valor bold (equivalente
a
700).
Un párrafo con font-weigth en valor 800.
Un párrafo con font-weigth en valor 900.
Ver más sobre font-weight en W3Schools
font-styleSe utiliza principalmente para especificar texto en cursiva.
Un párrafo con font-style en valor normal (por
defecto).
Un párrafo con font-style en valor italic.
Un párrafo con font-style en valor oblique (similar
a
italic, pero menos compatible).
Ver más sobre font-style en W3Schools
text-alignEspecifica la alineación horizontal del texto en un elemento.
Un párrafo con valor text-align en left (por defecto).
Un párrafo con valor text-align en right.
Un párrafo con valor text-align en center.
Un párrafo con valor text-align en justify. Estira
las
líneas para que cada línea
tenga el mismo ancho (como en periódicos y revistas).
Ver más sobre text-align en W3Schools
text-transformControla las mayúsculas del texto.
Un párrafo con text-transform en valor none (por
defecto). El texto se representa tal
como es.
Un párrafo con text-transform en valor
uppercase.
Transforma todos los caracteres
a mayúsculas.
Un párrafo con text-transform en valor
lowercase.
Transforma todos los caracteres
a minúsculas.
Un párrafo con text-transform en valor
capitalize. Transforma el primer carácter
de cada palabra a mayúscula.
Ver más sobre text-transform en
W3Schools
text-decorationEspecifica la decoración añadida al texto. Es una propiedad abreviada para las siguientes propiedades:
text-decoration-lineEstablece el tipo de decoración de texto que se utilizará.
Un párrafo con text-decoration-line en valor
none (por defecto).
Un párrafo con text-decoration-line en valor
underline.
Un párrafo con text-decoration-line en valor
overline.
Un párrafo con text-decoration-line en valor
line-through
Ver más sobre text-decoration-line
en
W3Schools
text-decoration-colorEspecifica el color de la decoración del texto.
Un párrafo subrayado con underline y valor de
text-decoration-color en red
Un párrafo subrayado con underline y valor de
text-decoration-color en rgb(0,0,255)
Un párrafo subrayado con underline y valor de
text-decoration-color en #00ff00
Ver más sobre text-decoration-color
en
W3Schools
text-decoration-styleEstablece el estilo de la decoración del texto.
Un párrafo con text-decoration-style en valor
solid (por defecto). La línea se
mostrará simple
Un párrafo con text-decoration-style en valor
double. La línea se mostrará doble.
Un párrafo con text-decoration-style en valor
dotted. La línea se mostrará como una
sucesión de puntos.
Un párrafo con text-decoration-style en valor
dashed. La línea se mostrará
discontinua
Un párrafo con text-decoration-style en valor
wavy. La línea se mostrará ondulada.
Ver más sobre text-decoration-style
en
W3Schools
text-decoration-thicknessEspecifica el grosor de la línea de decoración.
Un párrafo subrayado con underline y valor de
text-decoration-thickness en 0.01em
Un párrafo subrayado con underline y valor de
text-decoration-thickness en 0.1em
Un párrafo subrayado con underline y valor de
text-decoration-thickness en 0.2em
Ver más sobre text-decoration-thickness
en
W3Schools
text-decorationLas siguientes declaraciones:
text-decoration-line: underline;
text-decoration-color: red;
text-decoration-style: wavy;
text-decoration-thickness: 1em;
pueden abreviarse utilizando la propiedad text-decoration:
text-decoration: underline red wavy 1em;
Un párrafo con text-decoration en valores underline red wavy
1em
Un párrafo con text-decoration en valores overline #00ff00
dotted 0.08em
Un párrafo con text-decoration en valores line-through
rgba(0,0,255,0.3) double 0.2em
Ver más sobre text-decoration
en
W3Schools
text-indentEspecifica la sangría de la primera línea en un bloque de texto.
Un párrafo con text-indent en valor 0.5em
Un párrafo con text-indent en valor 2em
Un párrafo con text-indent en valor -0.5em
Un párrafo con text-indent en valor -2em
Ver más sobre text-indent en
W3Schools
text-shadowAgrega sombra al texto. Esta propiedad acepta una lista de sombras separadas por comas que se aplicarán al texto.
text-shadow: h-shadow v-shadow blur-radius color;
h-shadow: Obligatorio. La posición de la sombra horizontal. Se permiten valores negativos
v-shadow: Obligatorio. La posición de la sombra vertical. Se permiten valores negativos
blur-radius: Opcional. El radio de desenfoque. El valor predeterminado es 0color: Opcional. El color de la sombra.Un párrafo con text-shadow en valores 2px 2px 8px red;
Un párrafo con text-shadow en valores 0 0 3px red;
Un párrafo con text-shadow en valores 0 0 3px red, 0 0 5px
blue;
Ver más sobre text-shadow en
W3Schools
list-styleEs una abreviatura de las siguientes propiedades:
list-style-typeEspecifica el tipo de viñeta del elemento de lista.
list-style-type en valor disc (por defecto).list-style-type en valor disc (por defecto).list-style-type en valor disc (por defecto).list-style-type en valor circlelist-style-type en valor circlelist-style-type en valor circlelist-style-type en valor squarelist-style-type en valor squarelist-style-type en valor squarelist-style-type en valor nonelist-style-type en valor nonelist-style-type en valor nonelist-style-type en valor decimallist-style-type en valor decimallist-style-type en valor decimallist-style-type
en valor decimal-leading-zerolist-style-type
en valor decimal-leading-zerolist-style-type
en valor decimal-leading-zerolist-style-type en valor lower-alphalist-style-type en valor lower-alphalist-style-type en valor lower-alphalist-style-type en valor upper-alphalist-style-type en valor upper-alphalist-style-type en valor upper-alphalist-style-type en valor lower-greeklist-style-type en valor lower-greeklist-style-type en valor lower-greeklist-style-type en valor lower-latinlist-style-type en valor lower-latinlist-style-type en valor lower-latinlist-style-type en valor upper-latinlist-style-type en valor upper-latinlist-style-type en valor upper-latinlist-style-type en valor lower-romanlist-style-type en valor lower-romanlist-style-type en valor lower-romanlist-style-type en valor upper-romanlist-style-type en valor upper-romanlist-style-type en valor upper-romanlist-style-type en valor armenian.list-style-type en valor armenian.list-style-type en valor armenian.list-style-type en valor cjk-ideographiclist-style-type en valor cjk-ideographiclist-style-type en valor cjk-ideographiclist-style-type en valor georgianlist-style-type en valor georgianlist-style-type en valor georgianlist-style-type en valor hebrewlist-style-type en valor hebrewlist-style-type en valor hebrewlist-style-type en valor hiraganalist-style-type en valor hiraganalist-style-type en valor hiraganalist-style-type en valor hiragana-irohalist-style-type en valor hiragana-irohalist-style-type en valor hiragana-irohalist-style-type en valor katakanalist-style-type en valor katakanalist-style-type en valor katakanalist-style-type en valor katakana-irohalist-style-type en valor katakana-irohalist-style-type en valor katakana-irohaVer más sobre list-style-type
en
W3Schools
list-style-positionEspecifica dónde colocar la viñeta del elemento de lista.
list-style-position en valor outside (por defecto).list-style-position en valor outside (por defecto).list-style-position en valor outside (por defecto).Significa que las viñetas estarán fuera del elemento de la lista. El inicio de cada línea de un elemento de la lista se alineará verticalmente.
list-style-position en valor insidelist-style-position en valor insidelist-style-position en valor insideSignifica que las viñetas estarán dentro del elemento de la lista. Como es parte del elemento de la lista, será parte del texto y empujará el texto al principio.
Ver más sobre list-style-position
en
W3Schools
list-style-imageEeemplaza la viñeta de un elemento de lista con una imagen.
list-style-image en valor
url("https://loremflickr.com/20/20")list-style-image en valor
url("https://loremflickr.com/20/20")list-style-image en valor
url("https://loremflickr.com/20/20")list-style-image en valor
url("https://loremflickr.com/50/50")list-style-image en valor
url("https://loremflickr.com/50/50")list-style-image en valor
url("https://loremflickr.com/50/50")Ver más sobre list-style-image
en
W3Schools
list-styleLas siguientes declaraciones:
list-style-type: disc;
list-style-position: outside;
list-style-image: none;
pueden abreviarse utilizando la propiedad list-style:
list-style: disc outside none;
Si falta uno de los valores, se utilizará el valor predeterminado para esa propiedad.
Ver más sobre list-style
en
W3Schools