INFORMATION CSS Padding, Borders and Margin READ HERE - Welcome to the blog New Home Design Minimalist, you come to this blog with the intention to find news about INFORMATION CSS Padding, Borders and Margin READ HERE, I have it available to you as well as possible with the hope you are satisfied with the article that we serve, we also discussed about the house from the outside design to inside the house, which is certainly beautiful enough to be in view and owned, ok please read bahsan us this time.

Articles on : INFORMATION CSS Padding, Borders and Margin READ HERE
Article link : INFORMATION CSS Padding, Borders and Margin READ HERE
Article Borders and Margin, Article css, Article CSS basics, Article css borders, Article css margin, Article css padding, Article CSS3, Article learn CSS, Article web, Article web design,

INFORMATION CSS Padding, Borders and Margin READ HERE

CSS Padding, Borders and Margin

Margin and Padding:

Now let's look at how you can use this knowledge of the box model to change the presentation of elements by setting the margin and padding properties as shown in the above example.

An element has four sides: right, left, top and bottom.
The margin is the distance from each side to the neighbouring element or the outer borders of the document. As the first example, we will look at how you define margins for the document itself i.e. for the element <body>. The illustration below shows how we want the margins in our pages to be.

CSS Margins

The CSS code for the above page would look like this,

Or, like background and font, you could compile the CSS code using just margin. Margin recognises the values in the order top, right, bottom, left.

You can set the margins in the same way on almost every element. For example, we can choose to define margins for all of our text paragraphs marked with <p>:

Padding can also be understood as 'filling'. This makes sense as padding does not directly affect the distance of the element to other elements but rather defines the inner distance between the border and the content of the element.

The usage of padding can be illustrated by looking at a simple example where all headlines have background colours. By defining padding for the headlines, you change how much filling there will be around the text in each headline. Try out the code below yourself and see what it looks like.

Borders

Borders can be used for many things, for example as a decorative element or to underline a separation of two things. CSS gives you endless options when using borders in your pages.

border-color

The width of borders is defined by the property border-width, which can obtain the values thin, medium, and thick, or a numeric value, indicated in pixels. The image below illustrates the system.

CSS Borders

border-color

The property border-color defines which colour the border has. The values are the same as with the normal color-values for example "#123456", "rgb(123,123,123)" or "yellow".

border-style

The property border-style defines which type of border the element has. There are numerous different types of borders to choose from. Below 8 different types of borders are demonstrated, all the examples are shown with the colour "gold" and the thickness "thick" but can be shown in other colours and thicknesses.

CSS Border Styles

CSS Border Samples

Let's look at some sample CSS codes, try these out yourself to see how they look.

Next Up

In the next lesson we will learn how to float html elements using CSS.

Also finished article INFORMATION CSS Padding, Borders and Margin READ HERE

Thus our discussion about INFORMATION CSS Padding, Borders and Margin READ HERE, may be useful for all of you in looking for the latest models of the house.

You're reading an article INFORMATION CSS Padding, Borders and Margin READ HERE with a link that you can save https://newhomedesignminimalist1.blogspot.com/2016/03/information-css-padding-borders-and.html I hope the article is about could be useful to you.

Tag : Borders and Margin, css, CSS basics, css borders, css margin, css padding, CSS3, learn CSS, web, web design,

New Home Design Minimalist

INFORMATION CSS Padding, Borders and Margin READ HERE

You can also see our article on:

INFORMATION CSS Padding, Borders and Margin READ HERE

Margin and Padding:

Borders

border-color

border-color

border-style

CSS Border Samples

Next Up

Also finished article INFORMATION CSS Padding, Borders and Margin READ HERE

0 Response to "INFORMATION CSS Padding, Borders and Margin READ HERE"

Posting Komentar