logo 3con14 css cod css
  • CSS
  • Conceptos
  • Selectores
  • Unidades, Color
  • Modelo de cajas
  • Posicionamiento
  • Textos, Enlaces
  • Listas, Menús
  • Tablas, Columnas
  • Diseño (Layout)
    • Grid Layout
    • Flex Box
    • Media queries
  • Imagen, Filtros, ...
  • Movimientos
    • Transformaciones
    • Transiciones
    • Animaciones
  • Formularios
  • 🔴 TAREAS
 
 
icon html5
icon css3
mlogo 3con14 css cod

  • Inicio
  • Conceptos
  • Lista de propiedades

Lista de propiedades

align-content comportamiento de la propiedad flex-wrap

align-items alineación de elementos dentro del contenedor

align-self alineación del elemento seleccionado

all cambia todas las propiedades

animation enlaza una animación a un elemento

animation-delay retrasa el inicio de la animación

animation-direction animación inversa o en ciclos alternos

animation-duration duración de la animación en segundos o ms

animation-fill-mode cuando la animación no se reproduce

animation-iteration-count número de repeticiones de una animación

animation-name nombre para la animación @keyframes

animation-play-state la animación está en ejecución o en pausa

animation-timing-function curva de velocidad de una animación

backface-visibility es un elemento visible cuando no está frente a la pantalla

background todas las propiedades de fondo en una declaración

background-attachment es la imagen de fondo fija o se desplaza

background-blend-mode modo de fusión de cada capa de fondo

background-clip área de pintura del fondo

background-color color de fondo

background-image imagen de fondo

background-origin donde se encuentra la imagen de fondo

background-position posición inicial de la imagen de fondo

background-repeat la forma en que se repite la imagen de fondo

background-size tamaño de la imagen de fondo

border establece todas las propiedades de borde en una línea

border-bottom propiedades de borde inferior en una línea

border-bottom-color color del borde inferior

border-bottom-left-radius borde inferior izquierdo radio

border-bottom-right-radiusborde inferior derecho radio

border-bottom-style estilo de borde inferior

border-bottom-width borde inferior anchura

border-collapse colapso de la frontera

border-color color de la frontera

border-image establece una imagen como borde

border-image-outset el área de imagen de borde se extiende más allá del cuadro de borde

border-image-repeat imagen de borde repetida, redondeada o estirada

border-image-slice cómo cortar la imagen de borde

border-image-source ruta a la imagen de borde

border-image-width anchura de imagen de borde

border-left propiedades del borde izquierdo en una línea

border-left-color borde izquierdo color

border-left-style borde izquierdo estilo

border-left-width borde izquierdo ancho

border-radius radio de borde de las cuatro esquinas redondeadas

border-right propiedades del borde derecho en una línea

border-right-color borde derecho color

border-right-style estilo de borde derecho

border-right-width borde derecho ancho

border-spacing espaciamiento de bordes

border-style estilo de borde

border-top propiedades de borde superior en una línea

border-top-color borde superior color

border-top-left-radius borde superior izquierdo radio

border-top-right-radius borde superior derecho radio

border-top-style estilo superior de la frontera

border-top-width borde superior anchura

border-width anchura del borde

bottom offset inferior para elementos relativos y absolutos

box-shadow sombra a elemento

box-sizing propiedades del tamaño del cuadro

caption-side ubicación de un título de tabla

clear niega la flotación de un elemento

clip clip un elemento absolutamente posicionado

color color de texto

column-count divide el contenido en columnas

column-fill relleno equilibrado o no

column-gap brecha entre las columnas

column-rule separador entre columnas, como border

column-rule-color color de la regla de la columna

column-rule-style estilo de regla de columna

column-rule-width anchura de la regla de columna

column-span span de columna

column-width ancho de columna

columns establece el ancho de columna y el número de columnas

content insertar contenido: antes y después de elementos

counter-increment contar secciones

counter-reset contador de reinicio

cursor tipo de cursor cuando el elemento se sitúa

direction dirección de escritura, el árabe está usando rtl

display tipo de visualización del cuadro

empty-cells ocultar bordes y fondo en celdas de tabla vacías

filter efectos de imagen: escala de grises, desenfoque, invertir etc.

flex longitud del elemento, en relación con otros dentro del contenedor

flex-basis longitud inicial de un elemento flexible

flex-direction dirección de los elementos flexibles

flex-flow abreviatura para flex-direction y flex-wrap

flex-grow cuánto crecerá el elemento en relación con otros elementos

flex-shrink cómo reducir el elemento en relación con otros elementos

flex-wrap envolver elementos flexibles

float elementos flotantes izquierda o derecha

font todas las propiedades de fuente en una línea

@font-face declarar fuentes no compatibles con la web

font-family fuente del elemento

font-size tamaño de fuente

font-size-adjust controla el tamaño de fuente si la primera opción declarada no está disponible

font-stretch ampliar o estrechar texto

font-style estilo de fuente: normal, cursiva, oblicua

font-variant set small-caps

font-weight utiliza caracteres en negrita o delgados

hanging-punctuation ¿puede colocarse un signo de puntuación fuera del recuadro de línea?

height altura del elemento

justify-content justifica los elementos del contenedor flexible horizontalmente si es necesario

@keyframes especifica el código de animación

left desplazamiento a la izquierda para elementos relativos y absolutos

letter-spacing espacio entre caracteres

line-height altura de línea del texto o elementos de bloque en línea

list-style todas las propiedades de la lista en una línea

list-style-image sustituye el marcador de elemento de lista por una imagen

list-style-position marcadores de elementos de lista dentro o fuera del flujo de contenido

list-style-type establece el tipo de marcador de elemento de lista

margin establece los márgenes superior, derecho, inferior e izquierdo en una línea

margin-bottom margen inferior

margin-left margen izquierdo

margin-right margen derecho

margin-top margen superior

max-height altura máxima del elemento

max-width anchura máxima del elemento

@media ver consultas de medios

min-height altura mínima

min-width ancho mínimo

nav-down donde navegar cuando se presiona el botón de flecha hacia abajo

nav-index establece la orden de navegación secuencial

nav-left dónde navegar cuando se presiona el botón de flecha izquierda

nav-right donde navegar cuando se presiona el botón de flecha derecha

nav-up dónde navegar cuando se pulsa el botón de flecha

opacity nivel de transparencia de un elemento

order reordenar elementos en un contenedor

outline drow un borde exterior alrededor de elementos

outline-color color del esquema

outline-offset brecha entre el elemento y el contorno

outline-style estilo de esquema

outline-width ancho de esquema

overflow ocultar, mostrar o desplazarse si el contenido desborda su contenedor

overflow-x desbordamiento horizontal

overflow-y desbordamiento vertical

padding relleno entre el borde del elemento y el contenido

padding-bottom relleno inferior

padding-left relleno izquierdo

padding-right relleno derecho

padding-top relleno superior

page-break-after añade salto de página después de un elemento

page-break-before añade un salto de página a un elemento

page-break-inside permite el salto de página dentro de un elemento

perspective cuántos píxeles se coloca el elemento 3D desde la vista

perspective-origin donde está el elemento 3D basado en el eje xyyy

position tipo de posicionamiento: absoluto, fijo, relativo, estático

quotes establece comillas para encapsular un elemento

resize declarar elementos redimensionables

right desplazamiento a la derecha para elementos relativos y absolutos

tab-size pestaña longitud de espacio de caracteres

table-layout algoritmo de diseño de tabla

text-align alineación horizontal del texto

text-align-last alineación horizontal de la última línea de texto

text-decoration sobrelínea, subrayado o línea a través del texto

text-indent indentación de la primera línea del texto

text-overflow la forma en que se marca el contenido desbordado (elipsis)

text-shadow sombra de texto

text-transform mayúsculas del texto

top desplazamiento superior para elementos relativos y absolutos

transform Transformación 2D 3D. Vea el widget.

transform-origin cambia la posición de los elementos transformados

transform-style render elementos anidados en 3D

transition propiedades de transición en una línea

transition-delay demora antes del inicio del efecto de transición

transition-duration duración del efecto de transición

transition-property qué propiedad CSS es la transición que afecta

transition-timing-functioncurva de velocidad de la transición

unicode-bidi si el texto se anula para admitir más idiomas

user-select deshabilitar la selección de contenido de usuario

vertical-align alineación vertical

visibility visibilidad: los elementos ocultos dejan una brecha

white-space cómo se manejan los espacios en blanco

width anchura de un elemento

word-break texto que rompe las reglas cuando el texto llega al final del contenedor

word-spacing tamaño del espacio en blanco entre palabras

word-wrap rompe palabras largas y envuelve en la siguiente línea

z-index orden de pila del elemento

  • Anterior

Introducción

  • ¿Qué es CSS?
  • Formas de incluir CSS
  • Esquema de regla CSS
  • Los comentarios en CSS
  • Notación en CSS
  • Los Reset de CSS
  • Lista de propiedades

Recursos ...

  • Visual Studio code
  • Sublime Text
  • CSS LINT
  • Normalize

codepen

uniwebsidad

overapi

can i use

w3schools

mdn

Licencias ...

3con14─LAB 1998 - 2021
www.3con14.biz
(cc) Jesús Plaza M.
─ Otros Reconocimientos ─

Visitas ...

Hoy ... 3

Ayer ... 54

Week 199

Mes ... 57

TOTAL ... 79143

  • CSS
  • Conceptos
  • Selectores
  • Unidades, Color
  • Modelo de cajas
  • Posicionamiento
  • Textos, Enlaces
  • Listas, Menús
  • Tablas, Columnas
  • Diseño (Layout)
    • Grid Layout
    • Flex Box
    • Media queries
  • Imagen, Filtros, ...
  • Movimientos
    • Transformaciones
    • Transiciones
    • Animaciones
  • Formularios
  • 🔴 TAREAS