Thursday, 21 June 2012

How to add border to an image by using CSS

You can have a nice border around your images. There are quite a lot of CSS borders to choose from. But not all are supported in every browser. For example, the border style inset might work OK with a black border in Firefox but not Internet Explorer. (Most border styles should work OK, though.)

The border properties you'll use the most are these:

border-style
border-width
border-color

The border style values you can use are these (you can also use outset, hidden, and none, but we won't):

dotted
dashed
solid
double
groove
ridge
inset

Border width comes in three flavours: thin, medium and thick. But you can also specify a width in pixels.

The Border colour can be something like "red" or a hexadecimal/rgb value.

 

No comments:

Post a Comment