HTML5 and CSS3 - Tutorial 4 - Graphic Design with CSS - 4.1 -Backgrounds and Borders

SVG (Scalable Vector Graphics)

Standard format created by W3C. Versatile, all-purpose vector format. Works well with web page design.

bitmap image

an image that is comprised of pixels in which every pixel is marked with a different color

background-image property

applies an image file to the element background

PNG (Portable Network Graphics)

compressed bitmap file format (lossless) similar to the gif format; it is not limited to 256 colors, is appropriate for the web, and supports transparency, and was designed to replace the GIF

GIF (Graphics Interchange Format)

compressed bitmap file format (lossless) that supports only 256 colors and is appropriate for the web; supports transparency and animation

no-repeat

keyword specifies that no tiling is done with the background image

content-box

keyword specifies that the background extends only over the element content

padding-box

keyword specifies that the background extends through the padding space

border-right property

property that add borders to the right edge of the element

border-left property

property that adds borders to the left edge of the element

border-image property

property that defines an image file used to create a graphic border

cover keyword

specifies that the background image should completely cover the background

JPEG (Joint Photographic Experts Group)

supports file compression, allowing a bitmap image to be stored at a smaller file size that would be possible with other formats - supports a palette of over 16 million colors

watermarks

translucent graphics displayed behind the content with a message that the content material is copyrighted or in draft form or some other message directed to the reader

vector image

An image composed of lines, curves, and fills; they are calculated based on mathematical functions

tiling

A process by which a background image is repeated horizontally, vertically, or both in order to cover the background space of an element.

background property

The CSS property that defines the element background by specifying the source of the image file, the location of the background image, and the direction in which the background image is repeated.

border property

The CSS property used to create a border around all sides of an element.

border-radius property

The CSS property used to create a rounded or elongated corner around an element.