Scribd
Cargar
6 vistas7 páginas

Bordes Con CSS

El documento aborda el tema de los bordes en CSS, explicando cómo se pueden controlar el estilo, grosor y color de los bordes de los elementos en una página web. Se detallan las propiedades específicas como border-style, border-width y border-color, así como la posibilidad de aplicar bordes de forma individual y en formato abreviado. También se menciona la propiedad border-radius para crear bordes redondeados.

Cargado por

SANTANA BERNAL VICTOR HUGO
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
6 vistas7 páginas

Bordes Con CSS

El documento aborda el tema de los bordes en CSS, explicando cómo se pueden controlar el estilo, grosor y color de los bordes de los elementos en una página web. Se detallan las propiedades específicas como border-style, border-width y border-color, así como la posibilidad de aplicar bordes de forma individual y en formato abreviado. También se menciona la propiedad border-radius para crear bordes redondeados.

Cargado por

SANTANA BERNAL VICTOR HUGO
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd

Programación Web

Clase 20 de Marzo
Tema a desarrollar de CSS (Bordes)
Los bordes de elementos de una página web pueden controlar por medio de CSS
las propiedades de Estilo, Grosor y Color.

La regla border tiene las siguientes posibilidades de controlar:

● Estilo
● Grosor
● Color
● Lado
● Redondeo de esquinas
Estilo de bordes (border-style)
Estilo de bordes
Grosor y color de bordes (border-width / border-color)
Grosor y Color de bordes

En el grosor se
puede usar
unidades de
medida de
distintos tipos y
los colores
tambien en rgb(),
Exadecimal y
HSL()
Posición de los bordes
Los bordes pueden controlarse de Ejemplo:
forma individual:
p{
● border-top Arriba border-top-style: dotted;
● border-bottom Abajo border-right-style: solid;
● border-left Izquierda border-bottom-style: dotted;
● border-right Derecha border-left-style: solid;
}
Propiedades en forma abreviada
Los bordes pueden escribirse en Ejemplo:
forma abreviada:
p{
ejemplo: border: thin dotted tomato;
p{ }
border-style: dotted;
border-color: tomato;
border-width: thin;
}
Bordes redondeados (border-radius)

También podría gustarte