Campos de video abarrotados Trucos CSS - Trucos CSS

CSS overflow-clip-margin La propiedad determina hasta dónde puede llegar el desbordamiento de un elemento más allá del campo del elemento antes de que se corte. borde de desbordamiento.

.element {
  height: 100px;
  overflow: clip; /* required */
  overflow-clip-margin: 20px;
}

La propiedad overflow-clip-margin aparece como un campo gris claro debajo del campo del elemento.
overflow: clip; corta el contenido del artículo mientras overflow-clip-margin Establece hasta qué punto se permite mostrar el contenido fuera del video.

sintaxis

overflow-clip-margin: <visual-box> || <length [0,∞]>
  • <visual-box>: Cuando el desplazamiento especificado es cero, el campo visible define el borde del cuadro que se utilizará como el comienzo del borde del clip de desbordamiento. Si se omite, el campo para llenar el elemento se usa por defecto.
  • <length [0,∞]>: El desplazamiento indica cuánto se extiende el borde del clip de superposición desde el borde del campo seleccionado. Si se omite, el valor se establece en cero. Los valores negativos no son válidos.
  • inicial: 0px
  • Se aplica a: todos los artículos
  • Patrimonio: no
  • Valor calculado: Calculado
  • Tipo de animación: Discreto
📑 Aquí podrás encontrar 👇

Artículo Recomendado:  Agregue Tailwind CSS a temas de WordPress nuevos y existentes trucos CSS

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir