Tutorials Point


  CSS Home

  CSS Reference
  Pseudo Classes & Elements

Copyright © 2014 by tutorialspoint



  Home     References     Discussion Forums     About TP  

CSS - width


previous next AddThis Social Bookmark Button


Advertisements

Description:

The width sets the width of an element's content area.

Possible Values:

  • length: Any length unit. Negative length values are not permitted for this property.
  • percentage: The width is calculated with respect to the width of the element's containing block, assuming that the containing block's width has been explicitly set.
  • auto: Default. The browser calculates the actual width

Applies to:

All the HTML elements except non-replaced inline elements, table rows, and row groups.

DOM Syntax:

object.style.width="100px";

Example:

Here is the example:

<p style="width:400px; height:100px;border:1px solid red;
             padding:5px; margin:10px;">
This paragraph is 400pixels wide and 100 pixels high
</p>

This will produce following result:

This paragraph is 400pixels wide and 100 pixels high

To Become more comfortable - Do Online Practice



previous next Printer Friendly

Advertisements


  

Advertisements