Con este atributo estableceremos un borde para nuestra capa dándole un color, un grosor y un estilo. Para ello emplearemos las siguientes propiedades:
Esta propiedad nos va a permitir darle un ancho al borde en píxeles o utilizando algún valor predefinido, en caso de omitirlo, el valor por defecto sería de 3px:
Con esta propiedad podremos darle un estilo al borde de nuestra capa, y tiene como posibles valores:
Con esta propiedad podremos darle un color al borde de nuestra capa, si queremos dar un color básico, nos bastará con especificarlo con su nombre en inglés, mientras que para colores más avanzados o complejos tendremos que utilizar su código hexadecimal o RGBA. En caso de omitir esta propiedad, el color por defecto sería negro.
Tenemos la opción de ahorrar código para darle formato a los bordes utilizando la propiedad border: grosor estilo color; En cualquier caso podemos omitir el grosor, ya que por defecto, como hemos dicho anteriormente, es 3px, podemos omitir el color, ya que como hemos dicho antes, el color por defecto sería negro, lo que no debemos omitir nunca es el estilo, puesto que el estilo por defecto es "none", luego no habría borde en caso de omitirlo. Veamos un ejemplo de un borde para una capa punteado, de 1 pixel y negro:
border: 1px dotted black;
Tenemos la opción también de dar estilo a los bordes de la capa por separado:
Podemos redondear las esquinas de nuestros bordes gracias a este atributo de las siguientes maneras:
Ya hemos empezado a personalizar nuestras capas con unos bonitos (o no tanto, depende de cada uno) bordes. El siguiente tema que veremos serán los sombreados, para darle más vistosidad a nuestras capas
