CSS sangría segunda línea

Una hoja de estilo en cascada es un código de estilo que se agrega a las etiquetas HTML para mejorar el trabajo y la apariencia de los contenidos HTML. Entre muchos efectos de CSS, una de las propiedades fundamentales del estilo del contenido es aplicar una hoja de estilo al texto, que incluye color de texto, familia, tamaño y ubicación. Una de las propiedades de texto de CSS se explicará en este artículo. Esta es una propiedad de sangría. Sangría significa el desplazamiento del texto de cierto punto a un lugar específico.

Propiedad de envío de texto

Al ver algunos sitios web educativos, debe haber visto tales párrafos o cuadros de texto que comienzan con la primera línea desde una distancia de un párrafo completo, haciéndolo más prominente y atractivo. Esto se hace haciendo la primera línea del texto sangrado. No solo la primera línea, sino que también podemos sangrar la segunda línea manteniendo la primera línea intacta. Esta propiedad de texto se toma en píxel o porcentajes. La sintaxis para la sangría del texto es:

Text-Indent: Value;

Esta propiedad se puede aplicar en cualquier contenido HTML. Sin embargo, ahora aplicaremos esta propiedad en el texto. HTML y CSS son los idiomas de la columna vertebral para el desarrollo y el diseño de una página web. HTML contiene dos secciones básicas: secciones de cabeza y cuerpo. Ambas porciones se describen con las etiquetas:

… .

Todos los contenidos HTML se describen en las secciones del cuerpo. La sección principal contiene el título de la página web y el CSS si es CSS interno. Las etiquetas HTML básicas utilizadas en este artículo se explicarán en el momento de la implementación. Hablando sobre la Declaración de CSS, hemos utilizado CSS interno entre tres tipos de CSS. Las propiedades de CSS se declaran dentro de la etiqueta de estilo, que se declara en la etiqueta de la cabeza.

Hay varios enfoques para identificar la segunda línea del párrafo HTML. Algunos de los métodos simples se explican a continuación.

Ejemplo 1

Primero, utilizamos un ejemplo para aplicar la propiedad CSS de sangría en un texto de párrafo de HTML. Como muestra el nombre del artículo, necesitamos sangrar la segunda línea del texto. En este ejemplo, aplicamos la propiedad de sangría para que la primera línea del párrafo siga siendo la misma en el punto donde estaba antes. Sin embargo, el párrafo de la segunda línea será sangrada. Comencemos con el código de ejemplo. Primero, considere la sección del cuerpo, donde se usa una etiqueta de párrafo simple para aplicar la sangría.

Se declara un encabezado simple, que no aplicaremos ningún efecto. La etiqueta del párrafo se declara dentro del div. Es un contenedor que mantiene el contenido HTML en un punto específico. Del mismo modo, aquí declararemos un Div. Una clase también se declara aquí.

En CSS, el diseño se realiza a través de IDS o las clases. Todos los efectos que queremos aplicar están escritos dentro de la declaración de clase en el cuerpo de CSS. En la parte del jefe, debemos mencionar el nombre en el punto donde queremos aplicar estos efectos.

Cierre todas las etiquetas y el cuerpo HTML también. Una vez que se declare el contenido HTML, se mostrarán un solo párrafo y un encabezado cuando ejecute la página en el sitio web. Usaremos el siguiente código CSS para aplicar los efectos en este.

Dirigiéndose hacia la etiqueta de estilo, se explica un div para la clase con las características que queremos aplicar a este contenedor. Se utiliza el indio de texto de -36px, lo que significa que la primera línea no será sangrada. Sin embargo, la primera línea se mueve hacia la izquierda en comparación con las líneas de párrafo restantes. Esto se hace declarando el acolchado del lado izquierdo del Div 36px. Ambos valores se establecen en unidades de píxeles.

div.a
text -indent: -36px;
RODING-LAFUT: 36px;

La propiedad del relleno es para el contenido interno, que el exterior controla. Esta es la distancia entre el límite de texto y el límite del contenedor Div. Ahora, guarde el código con la extensión HTML y ejecute la página web en el navegador.

Verás un encabezado simple. Un párrafo tiene la primera línea intacta, pero la segunda y todas las otras líneas se desplazan hacia la derecha. La propiedad de texto de texto de CSS hace esto.

Ejemplo 2

La propiedad de texto de texto se aplicará al encabezado en este ejemplo. Se declara un encabezado simple. Después de eso, usamos la etiqueta de párrafo para agregarle texto. La identificación en el contenedor Div se aplicará a todo el Div precisamente de la misma manera. Se aplicaron los efectos descritos en la clase.

Dentro de la sección de la cabeza, una etiqueta de estilo contendrá las características de identificación. El div recibe un margen y el ancho que se aplicará. La identificación se declara con un letrero de hash con él.

Para aplicar los efectos sobre el párrafo específicamente, debemos mencionar "P" con la identificación. El borde sobre el párrafo se administra con color y tamaño. Se aplica el efecto de la cima del acolchado. Esta es la distancia entre el párrafo y el encabezado. Las dos características izquierdas son el tamaño del texto y el peso del párrafo. Esto será sin la característica sangrada del texto. El encabezado se aplica con la propiedad de indente de texto de -26 píxeles y acolchando el rumbo hacia la izquierda con el mismo valor con un signo positivo.

#Container H2
Text -indent: -26px;
ROLED-LEFUNTO: 26px;

Guarde el código y ejecute el archivo para examinar la salida.

En la ejecución, verá que el encabezado se muestra para que la segunda línea del encabezado esté sangrada hacia la dirección izquierda. Sin embargo, la primera línea sigue siendo la misma.

Nota: Para hacer la segunda línea del texto, ya sea en el párrafo o en el rumbo sangrado, debemos tomar el valor del indente de texto en una dirección negativa. Al mismo tiempo, el relleno del texto debe hacerse en la dirección izquierda con el valor positivo. El usuario debe confirmar que ambos valores deben ser los mismos. En ambos ejemplos, hemos aplicado el mismo concepto.

Conclusión

La propiedad de sangría CSS para la segunda línea es una característica esencial del contenido de texto que se aplica a los párrafos y encabezados para discriminar este texto de otros al hacer que el texto sea atractivo al usuario. Los valores de sangría también se pueden tomar en píxeles y porcentajes. Esta propiedad se aplica a las primeras y segundas líneas del párrafo. El texto-indente de la característica de segunda línea de CSS se logra al tener el valor con un signo negativo y el mismo valor para el relleno con un signo positivo. La dirección del relleno debe tomarse como la izquierda. Hemos utilizado dos ejemplos para elaborar este concepto de texto-indente que será suficiente para mejorar su conocimiento con respecto a las propiedades del texto.