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»
Materialise CSS proporciona un amplio conjunto de íconos de materiales de Google que se pueden descargar desde las especificaciones de Material Design . Las bibliotecas de íconos que son compatibles con materialise css son los íconos de materiales de Google, los íconos de Font Awesome y los íconos de Bootstrap . Se pueden seleccionar diferentes … Continue reading «Materializar iconos CSS»
Tailwind CSS permite a los usuarios utilizar clases predefinidas en lugar de utilizar las propiedades CSS puras. Tenemos que instalar el Tailwind CSS . Cree el archivo CSS principal (Global.css) que se verá como el siguiente código. Global.css: en el siguiente código, todo el cuerpo se envuelve en un solo selector. Todo el cuerpo se … Continue reading «¿Cómo usar variables CSS con TailwindCSS?»
Puede crear fácilmente formas usando la propiedad clip-path en CSS. En realidad , la propiedad clip-path le permite recortar un elemento a una forma básica. La forma básica como círculo, elipse, el polígono se puede lograr usando el valor de la propiedad < basic-shape> de clip-path que se discutirá más adelante en este artículo. El … Continue reading «¿Cómo crear una forma usando el recorte de CSS?»
Los pseudo-elementos :before y :after permiten agregar estilo a la página web sin agregar marcas innecesarias. El contenido SVG se puede agregar utilizando estos pseudoelementos siguiendo los métodos que se describen a continuación: Método 1: usar la propiedad de imagen de fondo: la propiedad de imagen de fondo se usa para establecer una o más … Continue reading «¿Cómo usar SVG con: antes o: después del pseudo elemento?»
La función url() es una función incorporada que se usa para incluir un archivo. El parámetro de esta función es una URL absoluta, una URL relativa o una URI de datos. La función url() se puede usar para imagen de fondo, imagen de borde, imagen de estilo de lista, contenido, cursor, imagen de borde, fuente … Continue reading «CSS | Función url()»
HTML permite reproducir videos en el navegador web usando la etiqueta <video> . Para incrustar el video en la página web, usamos el elemento src para mencionar la dirección del archivo y los atributos de ancho y alto se usan para definir su tamaño. Ejemplo: En este ejemplo, estamos usando la etiqueta <video> para agregar … Continue reading «¿Cómo insertar un video en una página web y reproducirlo usando HTML?»
La propiedad grid-column-start define en qué línea de columna comenzará. Hay diferentes valores para la propiedad grid-column-start, con el valor diferente que el usuario puede comenzar desde cualquier lugar. Hay un valor específico que también se efectúa en el mismo bloque de nombres. Sintaxis: grid-column-start: auto|span n|column-line; Valor por defecto: auto Valores de propiedad: auto: … Continue reading «CSS | propiedad grid-column-start»
La propiedad margin-block se utiliza para definir el margen final del bloque lógico de un elemento. Esta propiedad ayuda a colocar el margen según el modo de escritura, la direccionalidad y la orientación del texto del elemento. Sintaxis: margin-block-end: length | auto | initial | inherit | unset; Valores de propiedad: longitud: Establece un valor … Continue reading «CSS | Propiedad de bloque de margen»
La propiedad Speak de CSS se utiliza para definir si el texto debe reproducirse de forma auditiva. Sintaxis: speak: auto | normal | spell-out | none | never | always| initial | inherit; Parámetros: esta propiedad acepta seis parámetros, como se mencionó anteriormente y se describe a continuación: auto: este parámetro le dice a los … Continue reading «CSS habla Propiedad»