CSS tips

Let me share with you some of CSS tricks for those who are in web development. Browsers rendering capability is different each other. So let say you tell the line to be thin like this:

border-width: thin;

Then try test it out on different browser and you can see the the actual size is different. Internet Explorer version of ‘thin’ is thick by the way and Firefox do well interpret the CSS.

So, the solution is, avoid of using ‘thin’, ‘thick’ or whatever it is and replace it with actual value in pixel that would be:

border-width: 1px;

When it declared like this, both Internet Explorer and Firefox will show the same size of the border.

Happy coding ^_^