Propiedades de border css

borde html

borderLa propiedad CSS abreviada border establece el borde de un elemento. Establece los valores de border-width, border-style y border-color.Propiedades constituyentesEsta propiedad es una abreviatura de las siguientes propiedades CSS:

DescripciónComo sucede con todas las propiedades abreviadas, cualquier subvalor omitido se establecerá en su valor inicial. Es importante destacar que border no puede utilizarse para especificar un valor personalizado para border-image, sino que lo establece a su valor inicial, es decir, ninguno.

La abreviatura de borde es especialmente útil cuando se desea que los cuatro bordes sean iguales. Sin embargo, para que sean diferentes entre sí, puede utilizar las propiedades de largo alcance border-width, border-style y border-color, que aceptan valores diferentes para cada lado. Alternativamente, puede apuntar a un borde a la vez con las propiedades de borde físico (por ejemplo, border-top ) y lógico (por ejemplo, border-block-start).Borders vs. outlinesBorders y outlines son muy similares. Sin embargo, los contornos se diferencian de los bordes en lo siguiente:

Definición formalValor inicial de cada una de las propiedades de la abreviatura:Se aplica a todos los elementos. También se aplica a ::primera letra. Heredado noValor calculado como cada una de las propiedades de la abreviatura:Tipo de animacióncomo cada una de las propiedades de la abreviatura: Sintaxis formal<ancho de línea> | <estilo de línea> | <color>donde <ancho de línea> = <longitud> | fino | medio | grueso<estilo de línea> = ninguno | oculto | punteado | guionado | sólido | doble | surco | cresta | inserción | inicio<color> = <rgb()> | <rgba()> | <hsl()> | <hwb()> | <hex- color> | <nombre-color> | currentcolor | <color-sistema-despreciado>donde <rgb()> = rgb( <porcentaje>{3} [ / <valor-alfa> ]? ) | rgb( <número>{3} [ / <valor-alfa> ]? ) | rgb( <porcentaje>#{3} , <valor-alfa>? ) | rgb( <número>#{3} , <valor-alfa>? )<rgba()> = rgba( <porcentaje>{3} [ / <valor-alfa> ]? ) | rgba( <número>{3} [ / <valor-alfa> ]? ) | rgba( <porcentaje>#{3} , <valor-alfa>? ) | rgba( <número>#{3} , <valor-alfa>? )<hsl()> = hsl( <hue> <porcentaje> <percentaje> [ / <valor-alfa> ]? ) | hsl( <tono>, <porcentaje>, <porcentaje>, <valor-alfa>? )<hsla()> = hsla( <tono> <porcentaje> <porcentaje> [ / <valor-alfa> ]? ) | hsla( <tono>, <porcentaje>, <porcentaje>, <valor-alfa>? )<hwb()> = hwb( [<tono> | ninguno] [<porcentaje> | ninguno] [<porcentaje> | ninguno] [ / [<valor-alfa> | ninguno]? )donde <valor-alfa> = <número> | <porcentaje><hue> = <número> | <ángulo>Establecer un borde de salida rosaHTML

css border-color

borderLa propiedad CSS abreviada border establece el borde de un elemento. Establece los valores de border-width, border-style y border-color.Propiedades constituyentesEsta propiedad es una abreviatura de las siguientes propiedades CSS:

DescripciónComo sucede con todas las propiedades abreviadas, cualquier subvalor omitido se establecerá en su valor inicial. Es importante destacar que border no puede utilizarse para especificar un valor personalizado para border-image, sino que lo establece a su valor inicial, es decir, ninguno.

La abreviatura de borde es especialmente útil cuando se desea que los cuatro bordes sean iguales. Sin embargo, para que sean diferentes entre sí, puede utilizar las propiedades de largo alcance border-width, border-style y border-color, que aceptan valores diferentes para cada lado. Alternativamente, puede apuntar a un borde a la vez con las propiedades de borde físico (por ejemplo, border-top ) y lógico (por ejemplo, border-block-start).Borders vs. outlinesBorders y outlines son muy similares. Sin embargo, los contornos se diferencian de los bordes en lo siguiente:

Definición formalValor inicial de cada una de las propiedades de la abreviatura:Se aplica a todos los elementos. También se aplica a ::primera letra. Heredado noValor calculado como cada una de las propiedades de la abreviatura:Tipo de animacióncomo cada una de las propiedades de la abreviatura: Sintaxis formal<ancho de línea> | <estilo de línea> | <color>donde <ancho de línea> = <longitud> | fino | medio | grueso<estilo de línea> = ninguno | oculto | punteado | guionado | sólido | doble | surco | cresta | inserción | inicio<color> = <rgb()> | <rgba()> | <hsl()> | <hwb()> | <hex- color> | <nombre-color> | currentcolor | <color-sistema-despreciado>donde <rgb()> = rgb( <porcentaje>{3} [ / <valor-alfa> ]? ) | rgb( <número>{3} [ / <valor-alfa> ]? ) | rgb( <porcentaje>#{3} , <valor-alfa>? ) | rgb( <número>#{3} , <valor-alfa>? )<rgba()> = rgba( <porcentaje>{3} [ / <valor-alfa> ]? ) | rgba( <número>{3} [ / <valor-alfa> ]? ) | rgba( <porcentaje>#{3} , <valor-alfa>? ) | rgba( <número>#{3} , <valor-alfa>? )<hsl()> = hsl( <hue> <porcentaje> <percentaje> [ / <valor-alfa> ]? ) | hsl( <tono>, <porcentaje>, <porcentaje>, <valor-alfa>? )<hsla()> = hsla( <tono> <porcentaje> <porcentaje> [ / <valor-alfa> ]? ) | hsla( <tono>, <porcentaje>, <porcentaje>, <valor-alfa>? )<hwb()> = hwb( [<tono> | ninguno] [<porcentaje> | ninguno] [<porcentaje> | ninguno] [ / [<valor-alfa> | ninguno]? )donde <valor-alfa> = <número> | <porcentaje><hue> = <número> | <ángulo>Establecer un borde de salida rosaHTML

css border-width

borderLa propiedad CSS abreviada border establece el borde de un elemento. Establece los valores de border-width, border-style y border-color.Propiedades constituyentesEsta propiedad es una abreviatura de las siguientes propiedades CSS:

DescripciónComo sucede con todas las propiedades abreviadas, cualquier subvalor omitido se establecerá en su valor inicial. Es importante destacar que border no puede utilizarse para especificar un valor personalizado para border-image, sino que lo establece a su valor inicial, es decir, ninguno.

La abreviatura de borde es especialmente útil cuando se desea que los cuatro bordes sean iguales. Sin embargo, para que sean diferentes entre sí, puede utilizar las propiedades de largo alcance border-width, border-style y border-color, que aceptan valores diferentes para cada lado. Alternativamente, puede apuntar a un borde a la vez con las propiedades de borde físico (por ejemplo, border-top ) y lógico (por ejemplo, border-block-start).Borders vs. outlinesBorders y outlines son muy similares. Sin embargo, los contornos se diferencian de los bordes en lo siguiente:

Definición formalValor inicial de cada una de las propiedades de la abreviatura:Se aplica a todos los elementos. También se aplica a ::primera letra. Heredado noValor calculado como cada una de las propiedades de la abreviatura:Tipo de animacióncomo cada una de las propiedades de la abreviatura: Sintaxis formal<ancho de línea> | <estilo de línea> | <color>donde <ancho de línea> = <longitud> | fino | medio | grueso<estilo de línea> = ninguno | oculto | punteado | guionado | sólido | doble | surco | cresta | inserción | inicio<color> = <rgb()> | <rgba()> | <hsl()> | <hwb()> | <hex- color> | <nombre-color> | currentcolor | <color-sistema-despreciado>donde <rgb()> = rgb( <porcentaje>{3} [ / <valor-alfa> ]? ) | rgb( <número>{3} [ / <valor-alfa> ]? ) | rgb( <porcentaje>#{3} , <valor-alfa>? ) | rgb( <número>#{3} , <valor-alfa>? )<rgba()> = rgba( <porcentaje>{3} [ / <valor-alfa> ]? ) | rgba( <número>{3} [ / <valor-alfa> ]? ) | rgba( <porcentaje>#{3} , <valor-alfa>? ) | rgba( <número>#{3} , <valor-alfa>? )<hsl()> = hsl( <hue> <porcentaje> <percentaje> [ / <valor-alfa> ]? ) | hsl( <tono>, <porcentaje>, <porcentaje>, <valor-alfa>? )<hsla()> = hsla( <tono> <porcentaje> <porcentaje> [ / <valor-alfa> ]? ) | hsla( <tono>, <porcentaje>, <porcentaje>, <valor-alfa>? )<hwb()> = hwb( [<tono> | ninguno] [<porcentaje> | ninguno] [<porcentaje> | ninguno] [ / [<valor-alfa> | ninguno]? )donde <valor-alfa> = <número> | <porcentaje><hue> = <número> | <ángulo>Establecer un borde de salida rosaHTML

borde redondeado css

Al igual que la palabra clave hidden, no muestra ningún borde. A menos que se establezca una imagen de fondo, el valor calculado del ancho del borde del mismo lado será 0, incluso si el valor especificado es otro. En el caso de la celda de la tabla y el colapso del borde, el valor none tiene la menor prioridad: si se establece cualquier otro borde conflictivo, se mostrará.

Al igual que la palabra clave none, no muestra ningún borde. A menos que se establezca una imagen de fondo, el valor calculado del ancho del borde del mismo lado será 0, incluso si el valor especificado es otro. En el caso de la celda de la tabla y el colapso del borde, el valor oculto tiene la mayor prioridad: si se establece cualquier otro borde conflictivo, no se mostrará.

Muestra una serie de puntos redondeados. El espaciado de los puntos no está definido por la especificación y es específico de la implementación. El radio de los puntos es la mitad del valor calculado del ancho del borde del mismo lado.