Propiedades de css3
Algunas propiedades de CSS3 son raramente utilizadas- muchos otros se utilizan con frecuencia suficiente que los desarrolladores deben saber acerca de ellos. Propiedades y sus valores asociados forman la base del formato de llevar a cabo usando CSS3. Aquí está una lista de las propiedades que se encontrará usando con mayor frecuencia cuando se trabaja con CSS3:
fondo: Define el contenido para el fondo de un elemento. El valor de esta propiedad es a menudo una función, como por ejemplo gradiente lineal().
Video: #33 - Las Propiedades de Background Básicas - Curso de CSS3 desde 0
background-attachment: Especifica cómo una imagen interactúa con el resto de un elemento. Utiliza las siguientes palabras clave para configurar esta propiedad: voluta, fijo, y local.
color de fondo: Especifica el color de fondo de una entidad, tales como el color de la página subyacente. Puede utilizar una de estas técnicas para definir el color de fondo: valor hexadecimal, nombre del color, rgb () función, RGBA () función, hsl () función, o HSLA () función.
imagen de fondo: Proporciona la ubicación de un recurso que se utilizará como el gráfico de fondo de un elemento. Se utiliza el url () función para especificar la ubicación.
background-repeat: Permite la imagen de fondo para repetir o no repetir (usando la palabra clave no-repeat), según sea necesario. También puede optar por repetir la imagen sólo la horizontal (repetir-x) O vertical (repetir-y) direcciones.
fondo de tamaño: Determina el tamaño de la imagen de fondo como un valor absoluto o un porcentaje.
frontera: Define el tipo de frontera para crear mediante la especificación de una de las siguientes palabras clave: ninguna, oculto, punteado, discontinua, sólido, doble, ranura, cresta, recuadro, comienzo, o heredar. También es posible cambiar de forma individual al estilo de cada lado de la frontera con el -Inferior-estilo de borde, border-left; estilo, border-right; estilo, y -Estilo borde superior propiedades.
color del borde: Especifica el color del borde que rodea a una entidad. Puede utilizar una de estas técnicas para definir el color de fondo: valor hexadecimal, nombre del color, rgb () función, RGBA () función, hsl () función, o HSLA () función.
frontera imagen: Define una imagen a utilizar para el contenido de la frontera, en lugar de un tipo de línea. Normalmente utiliza el url () función para especificar el valor de esta propiedad.
frontera de radio: Determina si las esquinas de un borde son redondeados y la cantidad de redondeo. Al crear una esquina redondeada, se especifica la cantidad de redondeo. Para eliminar una esquina redondeada, utilice el ninguna palabra clave.
ancho del borde: Determine el espesor de la frontera que rodea un elemento. Se puede definir el ancho del borde usando una palabra clave (medio, grueso, o Delgado) O una medición real.
la columna de recuento: Especifica el número de columnas para crear. La anchura de las columnas fluctúa de forma automática cuando el usuario cambia el tamaño de la ventana del navegador (o el navegador muestra una barra de desplazamiento horizontal para que sea posible para desplazarse a través de las columnas cuando un ancho específico se establece también).
columna de relleno: Determina cómo el navegador llena las columnas (ya sea el llenado de una columna a la vez o llenar todas las columnas simultáneamente con una cantidad incluso de contenido).
columna-gap: Crea un espacio entre las columnas para que sea más fácil determinar cuando una columna y empieza otro.
columna en reglas: Crea una regla entre columnas por lo que el usuario puede ver un separador físico. Esta propiedad consta de color, estilo y ancho.
Video: #24 - Propiedades de Textos - Curso de CSS3 desde cero
columna de regla de color: Determina con el color de la norma que se utiliza entre las columnas.
En reglas de estilo de columna: Determina el estilo de la norma que se utiliza entre las columnas.
columna en reglas de ancho: Determina la anchura de la regla usada entre las columnas.
la columna de envergadura: Especifica el número de columnas que un objeto puede abarcar.
ancho de columna: Especifica un ancho de columna.
columnas: Proporciona un método abreviado para definir tanto la la columna de recuento y ancho de columna propiedades.
color: Especifica el color de primer plano de una entidad, tal como texto. Puede utilizar una de estas técnicas para definir el color: valor hexadecimal, nombre del color, rgb () función, RGBA () función, hsl () función, o HSLA () función.
contenido: Da salida al texto u otro recurso especificado como parte de la presentación del elemento. Esta propiedad se utiliza a menudo para realizar tareas tales como la adición de flechas a los elementos visuales. Se especifica el valor con las url () función, el número de caracteres Unicode precedido por una barra invertida (como 27A8), o una palabra clave.
monitor: Especifica la forma de presentar ciertos tipos de elementos en la página. Puede utilizar cualquiera de las siguientes palabras clave para definir el tipo de visualización: ninguna, caja (o flex-box), bloquear, flexionar, en línea, inline-block, inline-flex, inline-table, producto en la lista, mesa, tabla-caption, -Celda de la tabla, tabla-columna, table-column-group, mesa y pie de grupo, tabla-header-grupo, fila de la tabla, o table-row-group.
flotador: Permite una imagen para flotar en la dirección especificada. Se define el inmueble con las siguientes palabras: izquierda, derecho, o ninguna.
Familia tipográfica: Define el nombre de la fuente. Tres de ellos están tres clasificaciones de fuente normalmente usado como parte de CSS (y la mayoría de las páginas CSS usar las tres menos que también especifique el src propiedad): específico, web segura, y genérico.
tamaño de fuente: Determina el tamaño de la fuente cuando se compara con otras fuentes de la página o proporciona un tamaño de fuente específico. Puede utilizar una de estas técnicas para definir el tamaño de la fuente: tamaño específico, palabra clave (por ejemplo, grande o mayor), Y porcentaje.
Estilo de fuente: Determina el estilo de fuente que crea el navegador. El navegador debe ser compatible con el estilo y el tipo de letra debe suministrar el estilo con el fin de esta propiedad para tener efecto. Las palabras clave de estilo de fuente son: normal, itálico, oblicuo (Normalmente un cursiva más fuerte), y heredar.
font-variant: Especifica si la fuente debe ser presentada en una forma variante. No todos los navegadores y fuentes compatibles con esta función. Las palabras clave de esta propiedad son normal, letras minúsculas, y heredar.
font-weight: Determina la oscuridad relativa de la fuente y de la anchura de sus golpes. Hay dos métodos para definir el peso de la fuente: numérico y la palabra clave (por ejemplo, negrita).
altura: Indica el tamaño vertical de un elemento.
izquierda: Indica la ubicación del extremo izquierdo de un elemento en una página.
estilo de lista: Define la apariencia de un elemento de la lista. Se puede definir el tipo de marcadores de usar, la posición de los marcadores, y si los marcadores en realidad se está creada usando imágenes, en lugar de caracteres estándar.
margen: Especifica la cantidad de espacio entre el borde de un elemento y el margen de otro elemento.
margin-bottom: Indica el lugar más inferior de un margen elemento en una página.
margin-left: Indica la ubicación más a la izquierda de un margen elemento en una página.
margin-top: Indica la ubicación más alta de un margen elemento en una página.
relleno: Especifica la cantidad de espacio entre el borde de un elemento y el contenido dentro del elemento.
Video: #31 - Propiedades Float y Clear - Curso de CSS3 desde 0
posición: Indica la colocación de los elementos de una página. Se especifica la ubicación usando estas palabras clave: estático (Los elementos se hacen fluir), absoluto (Los elementos aparecen en una ubicación específica, incluso si tal colocación sería sobrescribir otro elemento), fijo (Los elementos se colocan con relación a la ventana del navegador), o relativo (Los elementos se colocan en relación con los elementos primarios).
texto alineado: Especifica el posicionamiento del texto en una línea. Se especifica la alineación utilizando la justificar, derecho, centrar, y izquierda palabras clave.
text-decoration: Define la adición de una característica, tal como subrayado, overline, o línea-a través de la fuente. Esta propiedad funciona en todas partes, por lo que no tiene que preocuparse de si alguien ve su página en una televisión o usando un teléfono inteligente hará que su mensaje.
text-overflow: Define la acción que se llevará a cabo cuando el texto se desborda la caja utilizada para contenerla. Los valores aceptables son: acortar, elipses, o un valor de cadena que proporcionan.
sombra de texto: Muestra una sombra de los caracteres de destino en el mismo ancho que el personaje objetivo. El posicionamiento, la fuerza, y el color de la sombra están determinadas por las propiedades siguientes: h-sombra (Determina el posicionamiento horizontal de la sombra), v-sombra (Determina la posición vertical de la sombra), difuminar (Especifica la claridad del texto de la sombra), y color (Define el color del contorno).
visibilidad: Especifica el nivel de visibilidad de un elemento. Utiliza las siguientes palabras clave para configurar esta propiedad: visible, oculto, o colapso.
anchura: Indica el tamaño horizontal de un elemento.
palabra-break: Determina el ajuste del texto dentro de una caja que contiene al trabajar con un CJK no lingüística (Japonés Coreano Chino). Los valores aceptables son: normal, Romper todo, y escribir con guión.
ajuste de línea: Determina cómo el texto se rompe y luego se envuelve a la siguiente línea en una caja que contiene al trabajar con un lenguaje no CJK. Los valores aceptables son: normal y break-palabra.