Categoría: CSS-Properties

¿Cómo establecer la forma de la esquina superior izquierda de div usando CSS?

Posted on by Rudeus Greyrat

En este artículo, aprenderemos cómo configurar la forma de la esquina superior izquierda de div usando CSS. La propiedad border-top-left-radius se usa para formar la forma de la esquina superior izquierda. Podemos usar porcentajes para dar forma a la esquina superior izquierda, para eso puedes consultar este artículo ¿Cómo establecer la forma de la esquina … Continue reading «¿Cómo establecer la forma de la esquina superior izquierda de div usando CSS?»

CSS | Propiedad de espacio entre palabras

Posted on by Rudeus Greyrat

Es una propiedad de CSS para aumentar o disminuir el espacio en blanco entre las palabras. Esta propiedad solo puede tener dos valores, son normal y length. Sintaxis: word-spacing: normal|length|initial|inherit; Valores de propiedad: Normal: Define el espacio normal entre palabras que es 0.25em. Este es el valor predeterminado . Ejemplo: <!DOCTYPE html> <html> <head>     <title> … Continue reading «CSS | Propiedad de espacio entre palabras»

Diferencia entre CSS Grid y CSS Flexbox

Posted on by Rudeus Greyrat

Grid : CSS Grid Layout, es un sistema de diseño bidimensional basado en cuadrículas con filas y columnas, lo que facilita el diseño de páginas web sin tener que usar flotadores y posicionamiento. Al igual que las tablas, el diseño de cuadrícula nos permite alinear elementos en columnas y filas. Para comenzar, debe definir un … Continue reading «Diferencia entre CSS Grid y CSS Flexbox»

¿Cuál es la diferencia entre visibilidad: oculta y visualización: ninguna?

Posted on by Rudeus Greyrat

Tanto la propiedad de visibilidad como la de visualización son muy útiles en CSS. La visibilidad: “oculta”; La propiedad se utiliza para especificar si un elemento es visible o no en un documento web, pero los elementos ocultos ocupan espacio en el documento web. La visibilidad es una propiedad en CSS que especifica el comportamiento … Continue reading «¿Cuál es la diferencia entre visibilidad: oculta y visualización: ninguna?»

CSS | propiedad de justificación de texto

Posted on by Rudeus Greyrat

La propiedad de justificación de texto en CSS se usa para establecer la alineación de texto para justificar. Distribuye las palabras en la línea completa. Sintaxis: text-justify: auto|inter-word|inter-character|none:initial|inherit; Valores de propiedad: los valores de propiedad justificados por texto se enumeran a continuación: auto: se utiliza para permitir que el navegador determine qué propiedad de justificación … Continue reading «CSS | propiedad de justificación de texto»

Propiedad CSS scroll-margin-top

Posted on by Rudeus Greyrat

La propiedad scroll-margin-top se usa para establecer todos los márgenes de desplazamiento en la parte superior de un elemento a la vez. El valor especificado para scroll-margin-top determina qué parte de la página que está principalmente fuera del soporte debe permanecer visible. Por lo tanto, los valores superiores del margen de desplazamiento representan los inicios … Continue reading «Propiedad CSS scroll-margin-top»

CSS | Propiedad grid-gap

Posted on by Rudeus Greyrat

La propiedad grid-gap establece el tamaño del espacio entre las filas y las columnas en un diseño de cuadrícula. Es una propiedad abreviada para las siguientes propiedades:   propiedad grid-column-gap propiedad grid-row-gap Sintaxis:   grid-gap: grid-row-gap grid-column-gap; Valores de propiedad:  grid-row-gap : establece el tamaño del espacio entre las filas en un diseño de cuadrícula. Su valor por … Continue reading «CSS | Propiedad grid-gap»

¿Qué es la propiedad flotante en CSS?

Posted on by Rudeus Greyrat

En este artículo, aprenderemos sobre la propiedad flotante de CSS con ejemplos adecuados de todos los atributos disponibles.  La propiedad float se usa para cambiar el flujo normal de un elemento. Define cómo debe flotar un elemento y colocar un elemento en el lado derecho o izquierdo de su contenedor.  La sintaxis general de la … Continue reading «¿Qué es la propiedad flotante en CSS?»

¿Cómo hacer una esquina redondeada usando CSS?

Posted on by Rudeus Greyrat

Para crear una esquina redondeada, usamos la propiedad border-radius de CSS . Esta propiedad se utiliza para establecer el radio del borde del elemento. Sintaxis: /* It sets the radius value to all 4 corners */ border-radius: value; Ejemplo 1: Este ejemplo describe el radio del borde para hacer las esquinas redondeadas. HTML <!DOCTYPE html> … Continue reading «¿Cómo hacer una esquina redondeada usando CSS?»

¿Cómo poner texto en cursiva en CSS?

Posted on by Rudeus Greyrat

En este artículo, veremos cómo poner un texto en cursiva usando CSS. Para poner texto en cursiva en cualquier página web , se utiliza la propiedad de estilo de fuente CSS. Tenemos una variedad de opciones para configurarlo en texto en cursiva. normal: Es el estilo de fuente normal. Es lo mismo que 400, el … Continue reading «¿Cómo poner texto en cursiva en CSS?»