Latest web development tutorials

Texto CSS (texto)

Formato de texto

El presente texto se labra el con un poco de al El texto Propiedades de formato. En el epígrafe de los usos en el text-align = left, texto con el Transformar y las propiedades del color. En el párrafo tiene sangría, el alineado y en el espacio del entre caracteres se especifica. En el subrayado se quita de en el " tratar " Enlace.

color del texto

atributo de color se utiliza para establecer el color del texto.

El color es lo más a menudo fijados por CSS:

  • Los valores hexadecimales - tales como "# FF0000"
  • Un valor RGB - "RGB (255,0,0)"
  • nombres de colores - como "rojo"

Ver valores de color CSS ver los valores de color completos.

Un fondo de la página está en el cuerpo principal de los medios de selección:

Ejemplos

body {color:blue;}
h1 {color:#00ff00;}
h2 {color:rgb(255,0,0);}

Trate »

observación Para el estándar CSS del W3C: si se define la propiedad de color, también debe personalizar los atributos de color de fondo.


Alineación del texto

propiedad Text-align se utiliza para establecer la alineación horizontal del texto.

El texto puede ser centrado o alineado a la izquierda oa la derecha justificada.

Cuando text-align está ajustado a "justificar", cada línea se ha ampliado a la misma anchura, la izquierda y la derecha están alineados margen (tales como revistas y periódicos).

Ejemplos

h1 {text-align:center;}
p.date {text-align:right;}
p.main {text-align:justify;}

Trate »


Text-decoration

la propiedad text-decoration se utiliza para fijar o quitar el texto decorativo.

Desde el punto de vista del diseño es principalmente text-decoration propiedad se utiliza para quitar el subrayado de los enlaces:

Ejemplos

a {text-decoration:none;}

Trate »

También se puede decorar este texto:

Ejemplos

h1 {text-decoration:overline;}
h2 {text-decoration:line-through;}
h3 {text-decoration:underline;}

Trate »

observación No se recomienda hacer hincapié en que el texto no es un enlace, ya que a menudo se confunde con el usuario.


convertidores de texto

Convertir atributo de texto se utiliza para especificar letras mayúsculas y minúsculas en un texto.

Iniciales se pueden utilizar para todo en letras mayúsculas o minúsculas, o de cada palabra en mayúscula.

Ejemplos

p.uppercase {text-transform:uppercase;}
p.lowercase {text-transform:lowercase;}
p.capitalize {text-transform:capitalize;}

Trate »


Text-indent

Text-indent propiedad a sangrar la primera línea se utiliza para especificar el texto.

Ejemplos

p {text-indent:50px;}

Trate »


Ejemplos

más ejemplos

espacio designado entre los personajes
Este ejemplo muestra cómo aumentar o disminuir el espacio entre caracteres.

Especifica el espacio entre las filas y las filas
Este ejemplo muestra cómo especificar el espacio entre filas en un párrafo

Ajuste elemento orientación del texto
Este ejemplo demuestra cómo cambiar la dirección del elemento de texto.

Aumentar el espacio en blanco entre las palabras
En este ejemplo se muestra cómo agregar un espacio en blanco entre las palabras en un párrafo.

Desactivar el ajuste de texto en el elemento
Este ejemplo demuestra cómo deshabilitar un elemento de texto dentro de la envolvente.

Imagen alineación vertical
Este ejemplo muestra cómo establecer la alineación vertical de la imagen de texto.

La adición de las sombras del texto
Este ejemplo muestra cómo establecer las sombras del texto.


Todos los atributos de texto CSS.

propiedad descripción
color Ajuste el color del texto
dirección Ajuste de la orientación del texto.
espaciado entre letras Ajuste el espacio entre caracteres
line-height Ajuste de altura de la fila
text-align Alinear el texto en el elemento
text-decoration Adición de modificaciones en el texto
texto-guión Sangrar la primera línea de los elementos chinos
text-shadow Establecer la sombra de texto
text-transform cartas elemento de control
unicode-bidi Establece o devuelve si el texto se reescribe
vertical-align Establecer la alineación vertical de los elementos
de espacio en blanco elemento set en blanco se maneja
word-spacing la configuración del espaciado de palabras