CSS - CSS Dimension - Height And Width Property




 CSS Height And Width

Learn css - css tutorial - CSS Height And Width - css examples - css programs

width and height - Definition and Usage

  • Height and width properties are used to apply the height and width of an element.
  • Height and width property can be set to default or be specified in length values like px, cm, % of the containing block.
  • Height and width do not include padding, borders, or margins.
  • Apply height and width of the area inside the padding, border, and margin of the element.
CSS height and width property
  • The height and width properties permit us to set the height and width for boxes.
  • They can take estimations of a length, a rate, or the keyword auto.

syntax - css code

p{
width:300px;   
height:100px;
border:1px solid red; 
} 
click below button to copy the code. By - css tutorial - team

Sample coding - html css

Tryit<!DOCTYPE html>
<html>
  <body>
    <p style="width:300px; height:100px; border:1px solid red; ">
    Welcome To Wikitechy 
    </p>
  </body>
</html>
click below button to copy the code. By - css tutorial - team

Code Explanation - html css Style

css background image size
  1. In CSS, Width property is used to allocate a width for an element. Here we had specified the width of a paragraph tag as 300 pixels.
  2. Similarly, height property defines the height of an element where we have mentioned 100px .
  3. Border property creates a border around an element. Border values 1px solid red defines the border strength,style and color respectively.

Code Output - Learning html and css for beginners

width css
  1. Here, the text “Welcome to wikitechy” have a height of 100pixels and 300pixels width around the contents from the border.
  2. Border around the text “welcome to wikitechy” appears in red color with solid style as displayed in the browser window.

This page provides a detailed information on best html and css editor , website css , css html editor , basic css code , learn css3 , css 2 , html and css codes , css for beginners , style css html , css template generator , online html and css editor , basic html css template , html and css tutorial for beginners , learn css online , css code generator , css3 design , css free , html with css , online html css editor , best way to learn css.


View More Quick Examples

CSS BASICS & SELECTORS CSS SELECTOR ATTRIBUTE CSS STYLE FORMS COLORS & BACKGROUND CSS MARGIN & PADDING CSS WIDTH & HEIGHT CSS LINKS CSS BLOCKS

Related Searches to CSS - Height And Width Property