CSS - Backgrounds

Chapter 12 : CSS Backgrounds


Inherited: No

Background

You can style the background of an element in one declaration with the backgroundproperty.
background: #ffffff url(path_to_image) top left no-repeat fixed;
Values:
  • attachment
  • color
  • image
  • position
  • repeat
Or you can set each property individually

Background Attachment

If you are using an image as a background. You can set whether the background scrolls with the page or is fixed when the user scrolls down the page with the background-attachmentproperty
background-attachment: value;
Values:
  • fixed
  • scroll

Background Color

You can specifically declare a color for the background of an element using the background-color property.
background-color: value;
Values:
  • color name
  • hexadecimal number
  • RGB color code
  • transparent

Background Image

You can set an image for the background of an element using the background-imageproperty.
background-image: url(path_to_image);
Values:
  • url
  • none

Background Position

You can position an image used for the background of an element using the background-position property.
background-position: value;
Values:
  • top left
  • top center
  • top right
  • center left
  • center center
  • center right
  • bottom left
  • bottom center
  • bottom right
  • x-% y-%
  • x-pos y-pos

Background Repeat

You can set if an image set as a background of an element is to repeat (across=x   and/or   down=y) the screen using the background-repeat property.
background-repeat: value;
Values:
  • no-repeat
  • repeat
  • repeat-x
  • repeat-y

Comments

Post a Comment

Popular posts from this blog

American Tourister - Project

                                                             INTRODUCTION American Tourister   is a brand of   luggage   owned by   Samsonite. Sol Koffler founded   American Luggage Works   in   Providence, Rhode Island, USA in either 1932    or 1933.In 1993, American Tourister was acquired by Astrum International, which also owns Samsonite. [3]   Astrum was renamed the Samsonite Corporation two years later. Their products include suitcases, backpacks and wallets. All started in 1933, when Sol Koffler put his life savings on the line to start a luggage company in Providence, Rhode Island. His dream was to build a tough suitcase that could sell for a dollar. He succeeded, and decades of innovation followed… By 1945, air travel was taking off and lighter luggage was in high d...
Read more

Customer Relationship Managment

INTRODUCTION ·         Customer Relationship Management  Customer Relationship Management is a bit ironic as its seemingly not difficult to define, however, there is no universally accepted single definition. In fact, there are nearly as many definitions of Customer Relationship Management (CRM) as there are CRM software vendors and system integrators who specialize in the industry. Nonetheless, when you recognize that CRM is a strategy focused on evolving customer relationships, a vendor neutral and industry standard definition of CRM can be easily accepted. “CRM is a business strategy directed to understand, anticipate and respond to the needs of an enterprise's current and potential customers in order to grow the relationship value.” A common misconception is believing that CRM consists of software or that procuring CRM software will in and of itself achieve CRM objectives. This i...
Read more

CSS - Syntax

Chapter 2 : CSS Syntax The syntax for CSS is different than that of (X)HTML markup. Though it is not too confusing, once you take a look at it. It consists of only 3 parts. selector { property: value } The selector is the (X)HTML element that you want to style. The property is the actual property title, and the value is the style you apply to that property. Each selector can have multiple properties, and each property within that selector can have independent values. The property and value are separated with a colon and contained within curly brackets. Multiple properties are separated by a semi colon. Multiple values within a property are sperated by commas, and if an individual value contains more than one word you surround it with quotation marks. As shown below. body {   background: #eeeeee;   font-family: “Trebuchet MS”, Verdana, Arial, serif; } As you can see in the above code I have separated the color from the font-family with a semi-colon, sep...
Read more