036 guia propiedades css

Page 1

CSS 1, 2 y 3 Propiedades CSS Propiedades de Animación Atributo

Descripción

CSS Version

@keyframes

Especifica la animación

3

animation

Una propiedad abreviada para todas las propiedades de animación de abajo, excepto la propiedad de animation-play-status

3

animation-name

Especifica un nombre para la animación de @keyframes

3

animation-duration

Especifica cuántos segundos o milisegundos tarda una animación en completar un ciclo

3

animation-timing-function

Especifica la curva de velocidad de la animación

3

animation-delay

Especifica cuando la animación se iniciará

3

animation-iteration-count

Especifica el número de veces que una animación se debe reproducir

3

animation-direction

Especifica si la animación se debe reproducir en ciclos opuestos o alternados

3

animation-play-state

Especifica si la animación se está ejecutando o está en pausa

3

Propiedades de Fondo Atributo

Descripción

CSS Version

background

Establece todas las propiedades de fondo en una declaración

1

background-attachment

Establece si la imagen de fondo se fija o se desplaza con el resto de la página

1

background-color

Establece el color de fondo de un element

1

background-image

Ajusta la imagen de fondo de un element

1

background-position

Establece la posición inicial de una imagen de fondo

1

background-repeat

Establece cómo se repite una imagen de fondo

1

background-clip

Especifica el área de pintura de fondo

3

background-origin

Especifica la zona de posicionamiento de las imágenes de fondo

3

background-size

Especifica el tamaño de las imágenes de fondo

3

Propiedades de Limite y Contorno Propiedad

Descripción

CSS Version

border

Establece todas las propiedades de borde en una declaración

border-bottom

Establece todas las propiedades del borde inferior de una declaración

1

border-bottom-color

Establece el color del borde inferior

1

border-bottom-style

Establece el estilo del borde inferior

1

border-bottom-width

Establece la anchura del borde inferior

1

border-color

Establece el color de los cuatro bordes

1

border-left

Establece todas las propiedades del borde izquierdo de una declaración

1

border-left-color

Establece el color del borde izquierdo

1

border-left-style

Establece el estilo del borde izquierdo

1

border-left-width

Establece la anchura del borde izquierdo

1

border-right

Establece todas las propiedades del borde derecho de una declaración

1

border-right-color

Establece el color del borde derecho

1

border-right-style

Establece el estilo del borde derecho

1

border-right-width

Establece la anchura del borde derecho

1

border-style

Establece el estilo de los cuatro bordes

1

border-top

Establece todas las propiedades del borde superior de una declaración

1

border-top-color

Establece el color del borde superior

1

border-top-style

Establece el estilo del borde superior

1

border-top-width

Establece la anchura del borde superior

1

border-width

Establece la anchura de los cuatro bordes

1

outline

Establece todas las propiedades de esquema en una declaración

2

outline-color

Establece el color de un esquema

2

outline-style

Establece el estilo de un esquema

2

outline-width

Establece la anchura de un esquema

2

border-bottom-left-radius

Crea la forma del borde de la esquina inferior izquierda

3

border-bottom-right-radius Crea la forma del borde de la esquina inferior derecha

1

3

1


CSS 1, 2 y 3 Propiedades CSS Propiedades de Limite y Contorno Propiedad

Descripción

CSS Version

border-image

Una propiedad abreviada para establecer todas las propiedades border-image-*

3

border-image-outset

Especifica la cantidad de área de imagen del borde que se extiende más allá del borde de la caja

3

border-image-repeat

Especifica si la imagen del borde se debe repetir, redondear o extender

3

border-image-slice

Especifica los desplazamientos hacia el interior de la imagen del borde

3

border-image-source

Especifica una imagen que se utilizará como borde

3

border-image-width

Especifica la anchura de la imagen del borde

3

border-radius

Una propiedad abreviada para establecer las cuatro propiedades de border-*-radius

3

border-top-left-radius

Crea la forma del borde de la esquina superior izquierda

3

border-top-right-radius

Crea la forma del borde de la esquina superior derecha

3

box-decoration-break

Especifica si las cajas individuales son tratadas como pedazos de una caja continua, o si cada caja se envuelve con el borde y el padding

3

box-shadow

Conecta uno o más drop-shadows a la caja

3

Propiedades de Caja Propiedad

Descripción

CSS Version

overflow-x

Especifica si se recortan o no los bordes izquierdo/derecho del contenido, en el caso que excedan el área del contenido del element

3

overflow-y

Especifica si se recortan o no los bordes superior/inferior del contenido, en el caso que excedan el área del contenido del element

3

overflow-style

Especifica el método de desplazamiento preferido para los elementos en exceso

3

rotation

Hace girar un element alrededor de un punto determinado, definido por la propiedad de rotation-point

3

rotation-point

Crea un punto de compensación del borde superior de la esquina izquierda

3

Propiedades de Color Propiedad

Descripción

CSS Version

color-profile

Permite la especificación de un perfil de color de origen distinto al predeterminado

3

opacity

Ajusta el nivel de opacidad de un element

3

rendering-intent

Permite la especificación de un perfil de color de representación distinta de la predeterminada

3

Propiedades de ProContent para Paged Media Propiedad

Descripción

CSS Version

bookmark-label

Especifica la etiqueta del enlace

3

bookmark-level

Especifica el nivel del enlace

3

bookmark-target

Especifica el destino del enlace favorito

3

float-offset

Empuja elementos floated en la dirección opuesta a la cual ellos han estado floated com float

3

hyphenate-after

Especifica el número mínimo de caracteres de una palabra con guión después del guión

3

hyphenate-before

Especifica el número mínimo de caracteres de una palabra con guión antes del guión

3

hyphenate-character

Especifica una secuencia que se muestra cuando se produce una separación silábica

3

hyphenate-lines

Indica el número máximo de líneas con guiones sucesivos en un element

3

hyphenate-resource

Especifica una lista, separada por comas, de los recursos externos que pueden ayudar al navegador a determinar puntos de separación

3

hyphens

Establece cómo dividir palabras para mejorar el diseño de los párrafos

3

image-resolution

Especifica la resolución correcta de imágenes

3

marks

Añade marcas de corte y/o cruce al documento

3

2


CSS 1, 2 y 3 Propiedades CSS Propiedades de Dimensión Propiedad

Descripción

CSS Version

height

Establece la altura de un element

1

max-height

Establece la altura máxima de un element

2

max-width

Establece la anchura máxima de un element

2

min-height

Establece la altura mínima de un element

2

min-width

Establece la anchura mínima de un element

2

width

Establece la anchura de un element

1

Propiedades Flexibles de Caja Propiedad

Descripción

CSS Version

box-align

Especifica cómo alinear los elementos derivados de una caja

3

box-direction

Especifica en qué dirección están los derivados de una caja

3

box-flex

Especifica si los derivados de una caja son flexibles o inflexibles en tamaño

3

box-flex-group

Señala elementos flexibles para flexionar los grupos

3

box-lines

Especifica si las columnas se van a una nueva línea cada vez que la caja principal se queda sin espacio

3

box-ordinal-group

Especifica el orden de visualización de los elementos derivados de una caja

3

box-orient

Especifica si los derivados de una caja deben ser colocados de forma horizontal o vertical

3

box-pack

Especifica la posición horizontal en cajas horizontales y la posición vertical en cajas verticales

3

Propiedades de Fuente Propiedad

Descripción

CSS Version

font

Establece todas las propiedades de la fuente en una declaración

1

font-family

Especifica la familia de la fuente para el texto

1

font-size

Especifica el tamaño de la fuente del texto

1

font-style

Especifica el estilo de la fuente para el texto

1

font-variant

Especifica si el texto se debe mostrar en una fuente de letras versalita

1

font-weight

Especifica el peso de una fuente

1

@font-face

Una regla que permite a los sitios web descargar y utilizar fuentes distintas de las fuentes "seguras para la Web"

3

font-size-adjust

Preserva la legibilidad del texto cuando ocurre un recurso de la fuente

3

font-stretch

Selecciona un lado normal, condensado o ampliado de una familia de fuente

3

Propiedades de Contenido Generado Propiedad

Descripción

CSS Version

content

Utilizado con los pseudo-elementos: before y: after, para insertar contenido generado

2

counter-increment

Incrementa uno o más contadores

2

counter-reset

Crea o restaura uno o más contadores

2

quotes

Establece el tipo de comillas para citas fijas Permite que un element reemplazado sea solamente un área rectangular de un objeto, en vez de todo el objeto Provoca que un element sea eliminado del flujo y que sea reinsertado posteriormente en el documento

2

crop move-to page-policy

Determina que ocurrencia, con base en la página de un determinado element, es aplicable a un contador o valor secuencial

Propiedades de Cuadrícula Propiedad

Descripción

3 3 3

CSS Version

grid-columns

Especifica la anchura de cada columna en una cuadrícula

3

grid-rows

Especifica la altura de cada columna en una cuadrícula

3

3


CSS 1, 2 y 3 Propiedades CSS Propiedades de Hyperlink Propiedad

Descripción

CSS Version

target

Una propiedad abreviada para establecer las propiedades de target-name, target-new y target-position

3

target-name

Especifica dónde abrir enlaces (punto de destino)

3

target-new

Especifica si los nuevos enlaces de destino se deben abrir en una nueva ventana o en una nueva pestaña de una ventana ya existente

3

target-position

Especifica dónde los nuevos enlaces de destino deben ser colocados

3

Propiedades de Caja de Línea Propiedad

Descripción

CSS Version

alignment-adjust

Permite la alineación más precisa de los elementos

3

alignment-baseline

Especifica como un element a nivel de línea se alinea con respecto a su ascendente

3

baseline-shift

Permite el reposicionamiento de la línea de base dominante con relación a la línea de base dominante

3

dominant-baseline

Especifica la scaled-baseline-table

3

drop-initial-after-adjust

Establece el punto de alienación descendiente para el punto de conexión principal

3

drop-initial-after-align

Establece que alineación de línea dentro de la caja de línea inicial se utiliza en el punto de conexión principal con la caja inicial

3

drop-initial-before-adjust

Establece el punto de alineación descendiente inicial para el punto de conexión secundaria

3

drop-initial-before-align

Establece que alineación de línea dentro de la caja de línea inicial se utiliza en el punto de conexión secundaria con la caja inicial

3

drop-initial-size

Controla el hundimiento parcial de la letra inicial

3

drop-initial-value

Activa un efecto de disminución inicial

3

inline-box-align

Establece que línea de un bloque de línea de varias líneas se alinea con los elementos de una línea anterior y siguiente dentro de una línea

3

line-stacking

Una propiedad abreviada para establecer las propiedades de line-stacking-strategy, line-stacking-ruby y linestacking-shift

3

line-stacking-ruby

Establece el método de apilamiento de línea para elementos de bloque que contienen elementos de anotación ruby

3

line-stacking-shift

Establece el método de apilamiento de línea para elementos de bloque que contienen elementos con baseshift

3

line-stacking-strategy

Establece la estrategia de apilamiento de línea de cajas de línea apiladas dentro de un element de bloque de contención

3

text-height

Define la dimensión de la progresión del bloque del área de contenido de texto de una caja de línea

3

Propiedades de Lista Propiedad

Descripción

CSS Version

list-style

Establece todas las propiedades de una lista en una declaración

1

list-style-image

Especifica una imagen como list-item marker

1

list-style-position

Especifica si los list-item markers deben aparecer dentro o fuera del flujo del contenido

1

list-style-type

Especifica el tipo de list-item marker

1

Propiedades de Margen Propiedad

Descripción

CSS Version

margin

Establece todas las propiedades de margen en una declaración

1

margin-bottom

Establece el margen inferior de un element

1

margin-left

Establece el margen izquierdo de un element

1

margin-right

Establece el margen derecho de un element

1

margin-top

Establece el margen superior de un element

1

4


CSS 1, 2 y 3 Propiedades CSS Propiedades de Marquesina Propiedad

Descripción

CSS Version

marquee-direction

Establece la dirección de los contenidos en movimiento

3

marquee-play-count

Establece el número de veces que el contenido se mueve

3

marquee-speed

Ajusta la velocidad a que el contenido se desplaza

3

marquee-style

Establece el estilo del contenido en movimiento

3

Propiedades de Múltiplas Columnas Propiedad

Descripción

CSS Version

column-count

Especifica el número de columnas en las que un element se debe dividir

3

column-fill

Especifica cómo rellenar columnas

3

column-gap

Especifica el espacio entre columnas

3

column-rule

Una propiedad abreviada para establecer todas las propiedades de column-rule-*

3

column-rule-color

Especifica el color de la regla entre columnas

3

column-rule-style

Especifica el estilo de la regla entre columnas

3

column-rule-width

Especifica el ancho de la regla entre columnas

3

column-span

Especifica el número de columnas a lo largo de las que un element se debe extender

3

column-width

Especifica la anchura de las columnas

3

columns

Una propiedad abreviada para establecer la anchura de la columna y la columna de recuento

3

Propiedades de Padding Propiedad

Descripción

CSS Version

padding

Establece todas las propiedades de padding en una declaración

1

padding-bottom

Establece el padding del margen inferior de un element

1

padding-left

Establece el padding del margen izquierdo de un element

1

padding-right

Establece el padding del margen derecho de un element

1

padding-top

Establece el padding superior de un element

1

Propiedades Paged Media Propiedad

Descripción

CSS Version

fit

Da una idea de cómo escalar un element reemplazado si su propiedad de anchura y de altura es automática

3

fit-position

Determina la alineación del objeto dentro de la caja

3

image-orientation

Especifica una rotación en dirección derecha o de las agujas del reloj que un agente de usuario aplica a una imagen

3

page

Especifica un tipo de página en la que se debe mostrar un element

3

size

Especifica el tamaño y la orientación de la caja contenedora para el contenido de la página

3

Propiedades de Posicionamiento Propiedad

Descripción

CSS Version

bottom

Especifica la posición inferior de un element posicionado

2

clear

Especifica los lados de un element dónde no se permiten otros elementos floating

1

clip

Recorta un elemento con posición absoluta

2

cursor

Especifica el tipo de cursor que se mostrará

2

display

Especifica cómo se debe mostrar un cierto element HTML

1

float

Especifica si una caja debe o no float

1

left

Especifica la posición izquierda de un element posicionado

2

overflow

Especifica qué sucede si la caja de un element de contenido se desborda

2

position

Especifica el tipo de método de posicionamiento utilizado para un element (estática, relativa, absoluta o fija)

2

right

Especifica la posición derecha de un element posicionado

2

top

Especifica la posición superior de un element posicionado

2

visibility

Especifica si un element es o no visible

2

z-index

Establece el orden de apilamiento de un element posicionado

2

5


CSS 1, 2 y 3 Propiedades CSS Propiedades de Impresión Propiedad

Descripción

CSS Version

orphans

Establece el número mínimo de líneas que debe dejarse en la parte inferior de una página cuando un salto de página se produce dentro de un element

2

page-break-after

Establece el comportamiento de salto de página posterior al element

2

page-break-before

Establece el comportamiento de salto de página anterior al element

2

page-break-inside

Establece el comportamiento de salto de página en el interior del element

2

widows

Establece el número mínimo de líneas que debe dejarse en la parte superior de una página cuando un salto de página se produce dentro de un element

2

Descripción

CSS Version

Propiedades Ruby Propiedad ruby-align

Controla la alineación de texto del texto Ruby y de los contenidos base Ruby con respecto uno al outro

3

ruby-overhang

Determina si, y de qué lado, el texto Ruby puede parcialmente sobresalir sobre cualquier texto adyacente además de su propia base

3

ruby-position

Controla la posición del texto Ruby con respecto a su base

3

ruby-span

Controla el comportamiento expansivo de los elementos de anotación

3

Propiedades de Discurso Propiedad

Descripción

CSS Version

mark

Una propiedad abreviada para establecer las propiedades anterior y posterior de marca

3

mark-after

Permite que los marcadores se unan a la secuencia de audio

3

mark-before

Permite que los marcadores se unan a la secuencia de audio

3

phonemes

Especifica una pronunciación fonética para el texto que contiene el element correspondiente

3

rest

Una propiedad abreviada para establecer las propiedades anterior y posterior de descanso

3

rest-after

Especifica un descanso o límite prosódico a observar después de un element de contenido hablado

3

rest-before

Especifica un descanso o límite prosódico a observar antes de un element de contenido hablado

3

voice-balance

Especifica el balance entre los canales izquierdo y derecho

3

voice-duration

Especifica cuánto tiempo debe reproducir el contenido del element seleccionado

3

voice-pitch

Especifica el tono promedio (una frecuencia) de la voz que habla

3

voice-pitch-range

Especifica la variación en el tono medio

3

voice-rate

Controla la velocidad de la voz

3

voice-stress

Indica la fuerza de énfasis que debe ser aplicada

3

voice-volume

Se refiere a la anchura de salida de la forma de onda por el sintetizador de habla

3

Propiedades de Tabla Propiedad

Descripción

CSS Version

border-collapse

Especifica si los bordes de tabla deben colapsar

2

border-spacing

Especifica la distancia entre los bordes de las celdas adyacentes

2

caption-side

Especifica la ubicación de un título de la tabla

2

empty-cells

Especifica si se muestra o no las fronteras y el fondo de las celdas vacías en una tabla

2

table-layout

Establece el algoritmo de diseño que se utilizará para una tabla

2

6


CSS 1, 2 y 3 Propiedades CSS Propiedades de Texto Propiedad

Descripción

CSS Version

color

Establece el color del texto

1

direction

Especifica la dirección del texto/escrita

2

letter-spacing

Aumenta o disminuye el espacio entre caracteres en un texto

1

line-height

Establece la altura de la línea

1

text-align

Especifica la alineación horizontal del texto

1

text-decoration

Especifica la decoración añadida al texto

1

text-indent

Especifica el margen adicional de la primera línea de un bloque de texto

1

text-transform

Controla el tamaño del texto

1

unicode-bidi

Se utiliza junto con la propiedad de dirección para establecer o devolver si el texto debe ser invalidado para soportar múltiples idiomas en el mismo documento

2

vertical-align

Establece la alineación vertical de un element

1

white-space

Especifica cómo se maneja un espacio en blanco dentro de un element

1

word-spacing

Aumenta o disminuye el espacio entre las palabras en un texto

1

hanging-punctuation

Especifica si un carácter de puntuacion puede ser colocado fuera de la caja de línea

3

punctuation-trim

Especifica si un carácter de puntuacion debe ser recortado

3

text-align-last

Describe cómo se alinea la última línea de un bloque o una línea justo antes de un salto de línea forzado cuando el text-align es "justificado"

3

text-justify

Especifica el método de justificación utilizado cuando el text-align es "justificado"

3

text-outline

Especifica un esquema de texto

3

text-overflow

Especifica lo que debe ocurrir cuando el texto se desborda del element contenedor

3

text-shadow

Añade sombreado al texto

3

text-wrap

Especifica reglas de rotura de línea para el texto

3

word-break

Especifica las reglas de salto de línea para guiones que no CJK

3

word-wrap

Permite que palabras largas, irrompibles se rompan y pasen a la línea siguiente

3

Propiedades de Transformación 2D/3D Propiedad

Descripción

CSS Version

transform

Aplica una transformación 2D o 3D a un element

3

transform-origin

Te permite cambiar la posición de los elementos transformados

3

transform-style

Especifica cómo los elementos encajados se reproducen en el espacio 3D

3

perspective

Especifica la perspectiva de cómo se ven los elementos 3D

3

perspective-origin

Especifica la posición inferior de elementos 3D

3

backface-visibility

Crea si un element debe o no ser visible cuando no está frente a la pantalla

3

Propiedades de Transición Propiedad

Descripción

CSS Version

transition

Una propiedad abreviada para establecer las cuatro propiedades de transición

3

transition-property

Especifica el nombre de la propiedad CSS de transición para la que es el efecto

3

transition-duration

Especifica cuántos segundos o milisegundos necesita un efecto de transición para que se complete

3

transition-timing-function

Especifica la curva de velocidad del efecto de transición

3

transition-delay

Especifica cuando el efecto de transición se iniciará

3

7


CSS 1, 2 y 3 Propiedades CSS Propiedades de Interfaz de Usuario Propiedad

Descripción

CSS Version

appearance

Te permite hacer con que un element se parecezca con un element de la interfaz de usuario estándar

3

box-sizing

Le permite definir ciertos elementos para adaptarse de cierta manera a una zona

3

icon

Proporciona al autor la posibilidad de estilo de un element con una equivalente icónica

3

nav-down

Especifica dónde navegar utilizando la tecla de flecha hacia abajo de navegación

3

nav-index

Especifica el orden de tabulación para un element

3

nav-left

Especifica dónde navegar utilizando la tecla de flecha izquierda de navegación

3

nav-right

Especifica dónde navegar utilizando la tecla de flecha derecha de navegación

3

nav-up

Especifica dónde navegar utilizando la tecla de flecha hacia arriba de navegación

3

outline-offset

Reproduce un esquema, y dibuja más allá del límite del borde

3

resize

Especifica si el tamaño de un element puede o no ser redimensionado por el usuario

3

8


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.