CSS - Classification

Chapter 16 : CSS Classification


Inherited: No

Clear

You can control if an element allows floated elements to its sides with the clear property
clear: value;
Values:
  • none
  • both
  • left
  • right
Now, what does all that mean?
None
This is the default setting, floated elements can appear on either side of the element set to clear: none;
Both
Setting the value to both, causes no floated elements to appear on either side of the element set to clear: both;
Left
Setting the value to left, causes no floated elements to appear to the left side of the element set to clear: left;
Right
Setting the value to right, causes no floated elements to appear to the right side of the element set to clear: right;

Clip

You can control how much of an element is visible with the clip property
clip: value;
Values:
  • auto
  • shape
Currently the only shape recognized by the clip property is rect (rectangle)
clip: rect(10px, 10px, 10px, 10px);

Cursor

You can control the style of cursor to be used in an element with the cursor property
cursor: value;
Values:
  • auto
  • crosshair
  • default
  • help
  • move
  • pointer
  • text
  • url
  • wait
  • e-resize
  • ne-resize
  • nw-resize
  • n-resize
  • se-resize
  • sw-resize
  • s-resize
  • w-resize
If you choose to use a custom cursor, it is always a good idea to declare a generic one after the custom value.
cursor: url(“image.cur”), default;

Display

You can control how an element is displayed with the display property
display: value;
Values:
  • block
  • inline
  • list-item
  • none
Now, what does all that mean?
Block
Creates a line break before and after the element
Inline
No line break is created
List Item
Creates a line break before and after the element and adds a list item marker
None
Makes an element not display on the page

Float

The float property changes how text and or images within an element are displayed
float: value;
Values:
  • left
  • right
  • none
Now, what does all that mean?
Left
The image/text is displayed to the left of the parent element
Right
The image/text is displayed to the right of the parent element
None
There is no change in the way the image/text is displayed

Overflow

You can control what an elements contents will do if it overflows it boundaries with the overflow property
overflow: value;
Values:
  • auto
  • hidden
  • visible
  • scroll

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