En este artículo, crearemos una barra de búsqueda de pantalla completa usando CSS y JavaScript. Creamos un botón y al hacer clic en el botón mostraremos la barra de búsqueda. Acercarse : Cree un botón y use JavaScript para que el panel de búsqueda pueda alternar. Ahora tome un div y establezca su posición fija … Continue reading «Barra de búsqueda de pantalla completa usando CSS y JavaScript»
Es una propiedad de CSS que ofrece un sistema de diseño basado en cuadrículas, con filas y columnas, lo que facilita el diseño de páginas web sin flotadores ni posicionamiento. Sintaxis: grid: none|grid-template-rows / grid-template-columns|grid-template-areas| grid-template-rows / [grid-auto-flow] grid-auto-columns|[grid-auto-flow] grid-auto-rows / grid-template-columns|initial|inherit; Valores de propiedad: Valor Descripción ninguna Es un valor predeterminado, no se menciona … Continue reading «CSS | Propiedad de cuadrícula»
La propiedad de estilo de contorno en CSS se utiliza para establecer la apariencia del contorno de un elemento. El contorno y el borde de un elemento son similares, pero no iguales. El contorno no ocupa espacio y se dibuja fuera del borde de un elemento. Además, el contorno se dibuja alrededor de los cuatro … Continue reading «CSS | Propiedad de estilo de esquema»
La propiedad de origen de la perspectiva en CSS se usa para definir la posición en la que el usuario mira el objeto 3D, es decir, el punto de fuga del objeto 3D. Sintaxis: perspective-origin: x-axis y-axis|initial|inherit; Valores de propiedad: Eje x: Representa la posición horizontal del origen de la perspectiva. Los posibles valores del … Continue reading «Propiedad de origen de perspectiva CSS»
Se puede hacer que un div secundario dentro de un contenedor tome el ancho y el alto completos del div principal. Hay dos métodos para estirar el div para que se ajuste al contenedor usando CSS tat que se analizan a continuación: Método 1: el primer método es simplemente asignar 100 % de ancho y … Continue reading «¿Cómo estirar div para que se ajuste al contenedor?»
En este artículo, aprenderemos a encontrar todos los enlaces con un atributo hreflang . El hreflang es un atributo que le dice a los motores de búsqueda la relación entre páginas en diferentes idiomas en tu sitio web. Puede utilizar este atributo de las tres formas siguientes. Como enlace en el encabezado HTML de la … Continue reading «¿Cómo encontrar todos los enlaces con un atributo hreflang usando jQuery?»
La propiedad mask-position establece las imágenes de la máscara dentro del área de posicionamiento de la máscara utilizando los valores de porcentaje o palabras clave. Siempre hay dos valores de posición de máscara (desplazamiento horizontal y desplazamiento vertical). Si solo se especifica un valor, se supone que el otro es el 50 % o el … Continue reading «Propiedad de posición de máscara CSS»
El CSS Scroll Snap es un módulo incorporado. Introduce la posición de ajuste de desplazamiento a la tecnología web. El puerto de desplazamiento del contenedor de desplazamiento funciona cuando la operación de desplazamiento hizo su trabajo. Este módulo es nuevo en HTML 5 antes de que hubiera un módulo similar conocido como Scroll Snap Point … Continue reading «CSS | complemento de desplazamiento»
La propiedad border-block-end-color en CSS se usa para definir los valores de propiedad de borde de bloque lógico individual en un solo lugar en la hoja de estilo. Esta propiedad establece el color del borde en la parte inferior del borde del elemento de definición. Sintaxis: border-block-end-color: border-color; Valores de propiedad: border-color: esta propiedad contiene … Continue reading «CSS | propiedad border-block-end-color»
La propiedad de tamaño de bloque en CSS se usa para definir el tamaño horizontal o vertical del bloque de un elemento. Coincide con la propiedad ancho o alto, dependiendo del valor de la propiedad de modo de escritura. deja el espacio debajo del texto del elemento. Sintaxis: block-size: length|percentage|auto|inherit|initial|unset Valores de propiedad: longitud: Establece … Continue reading «CSS | Propiedad de tamaño de bloque»