CSS Height and Width
Example
This element has a width of 100%.
Yourself Try
Setting height and width
The height and width properties are utilized to set the height and width of a component.The height and width can be set to auto (this is default. Implies that the program computes the height and width), or be indicated long qualities, similar to px, cm, and so on., or in percent (%) of the containing square.
This element has a height of 200 pixels and a width of 50%
Example
div { height: 200px; ...
Friday, 17 August 2018
CSS Padding
CSS Padding
The CSS padding properties are utilized to create space around a component's substance, within any characterized fringes.With CSS, you have full control over the padding. There are properties for setting the padding for each side of a component (top, right, bottom, and left).
Padding - Individual Sides
CSS has properties for specifying the padding for each side of an element:
padding-top
padding-right
padding-bottom
padding-left
All the padding properties can have the following values:
length - specifies a...
Sunday, 12 August 2018
CSS Box Model
CSS Box Model
The CSS Box Model
All HTML elements can be considered as boxes. In CSS, the expression "box show" is utilized when discussing plan and format.
The CSS box demonstrate is basically a container that folds over each HTML component. It comprises of: margins, borders, padding, and the real substance. The picture beneath delineates the crate demonstrate:
Explanation of the different parts:
Content - The content of the box, where text and images appear
Padding - Clears an area around the content....
Saturday, 20 January 2018
CSS Margins
CSS Margins
CSS Margins
The CSS margin properties are utilized to make space around elements, outside of any characterized borders.
With CSS, you have full control over the margins. There are properties for setting the margin for each side of a component (top, right, base, and left).
Margin - Individual Sides
CSS has properties for specifying the margin for each
side of an element:
margin-top
margin-right
margin-bottom
margin-left
Example
p {
margin-top: 100px;
margin-bottom: 100px;
margin-right:...
CSS Borders
CSS Borders
Border Style
The border-style property specifies what kind of border to display.
The following values are allowed:
dotted - Defines a dotted border
dashed - Defines a dashed border
solid - Defines a solid border
double - Defines a double border
groove - Defines a 3D grooved border. The effect depends on the border-color value
ridge - Defines a 3D ridged border. The effect depends on the border-color value
inset - Defines a 3D inset border. The effect depends on the border-color value
outset - Defines a 3D outset...
CSS Backgrounds
CSS Backgrounds
The CSS background properties are used to define the background effects
for elements.
CSS background properties:
background-color
background-image
background-repeat
background-attachment
background-position
Background Color
The background-color property specifies the background color of an element.
The background color of a page is set like this:
Example
body { background-color: blue;}
Yourself Try
With CSS, a color is most often specified by:
a valid color name - like "red"
a HEX...
