CSS

CSS Image Sprites


Leave a reply                     

What Are CSS Sprites? Why They’re Cool? How To Use Them?

Do you really understand them? The name might be a little misleading, because sprites aren’t little images like you might be picturing, a sprite is actually one big image. Have you ever seen the CSS technique where the “on” and “off” states of a button are contained within the same image and are activated by shifting the background-position?
You may combine an unlimited number of images into one. The origin of the term “sprites” comes from old school computer graphics and the video game industry. The idea was that the computer could fetch a graphic into memory, and then only display parts of that image at a time, which was faster than having to continually fetch new images. The sprite was the big combined graphic. CSS Sprites is pretty much the exact same theory: get the image once, shift it around and only display parts of it, saves the overhead of having to fetch multiple images. Continue reading

CSS Rounded Corner Without Images


Leave a reply                     

How to make corners rounded?, Rounded corner CSS, Using CSS rounding corners without images

Most websites uses rounded corner tables and divs to display information on the webpage. It looks sleek and also eye appealing. Not all designers know but is possible without images in CSS3-compatible browsers. -moz and -webkit properties are used to display the round corners, they basically uses radius in corners to make it rounded. Continue reading

CSS border-left-color Property


Leave a reply                     

Definition and Usage

The border-left-color property sets the color of an element’s left border.

Default value: not specified
Version: CSS1
JavaScript syntax: object.style.borderLeftColor="blue"

Property Values

Value Description
color Specifies the color of the left border.
transparent Specifies that the border color should be transparent.
This is default
inherit Specifies that the border color should be inherited
from the parent element