Home

web design

How to Make Rounded Corners in Pure CSS

In the ancient times of Internet you had to use hard-coded images for rounded corners on a website. In these days, however, you can use a simple CSS declaration to get rounded corners of almost every HTML element.

To make your HTML element rounded, use the following CSS statement:

border-radius: 4px 4px 4px 4px;

Specify radius in pixels. You can specify different radius for every four corners. This trick works in IE9 onwards and other modern browsers including Firefox 3.6 and higher.

Listed in

How to Check How my Website is Rendered in IE9, IE8, IE7, etc?

You can quickly check how your website is rendered in various browsers using an online tool that won't require you to install any software on your computer.

Simply head over to

http://ipinfo.info/netrenderer/

Listed in

How to Disable Text Highlighting in CSS

You can protect text on a website from being cursor-highlighted and copied by using this simple CSS trick.

Most browsers will disable selecting of text by using this statement in your CSS configuration:


user-select: none;
-webkit-user-select: none;
-o-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;

Listed in

How to Upper Case / Lower Case / Capitalize Text in CSS?

You can convert the appearance of text in a defined block of HTML using pure CSS, without the need of manual character replacement.

You can capitalize words, title case words or lowercase words in a block or div using pure CSS. Do do this simply use the following statement in your CSS style definition file:


/* Upper Case */
text-transform: uppercase;


/* Title Case */
text-transform: capitalize;


/* Lower Case */
text-transform: lowercase;

Listed in
Syndicate content