INFORMATION CSS Text READ HERE - Welcome to the blog New Home Design Minimalist, you come to this blog with the intention to find news about INFORMATION CSS Text 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 Text READ HERE
Article link : INFORMATION CSS Text READ HERE
Article CSS basics, Article css fonts, Article css text, Article CSS3, Article fonts, Article learns css, Article text, Article text and fonts, Article web, Article web design,

You can also see our article on:

INFORMATION CSS Text READ HERE

This will be funny once you've learned about CSS Text and Fonts

Formatting Text With CSS

Formatting and adding style to text is a key issue for any web designer. In this lesson you will be introduced to the amazing opportunities CSS gives you to add layout to text. The following properties will be explained:

• text-indent

• text-align

• text-decoration

• letter-spacing

• text-transform

text-indent

The property text-indent allows you to add an elegant touch to text paragraphs by applying an indent to the first line of the paragraph. In the example below a 30px is applied to all text paragraphs marked with <p>:

p {text-indent: 30px;}

The above CSS code will result in all paragraphs being effected like this in the browser...

This is a paragraph of text which has been indented. This is a paragraph of text which has been indented.

text-align

The CSS property text-align corresponds to the attribute align used in old versions of HTML. Text can either be aligned to the left, to the right or centred or you can justify the text, which will stretch each line so that both the right and left margins are straight. In the examples below the text in table headings <th> is aligned to the right while the table data <td> are centred. In addition, normal text paragraphs are justified.

th{text-align: right;} td {text-align: center;} p {text-align: justify;}

text-decoration

The property text-decoration makes it is possible to add different "decorations" to text.

For example, you can underline the text, have a line through or above the text.

In the following example, <h1> are underlined headlines, <h2> are headlines with a line above the text and <h3> are headlines with a line though the text.

h1 {text-decoration: underline;} h2 {text-decoration: overline;} h3 {text-decoration: line-through;}

letter-spacing

The spacing between text characters can be specified using the property letter-spacing. The value of the property is simply the desired width. For example, if you want a spacing of 3px between the letters in a text paragraph <p> and 6px between letters in headlines <h1> the code below could be used.

h1 {letter-spacing: 6px;} p {letter-spacing: 3px;}

text-transform

The text-transform property controls the capitalization of a text. You can choose to capitalize, use uppercase or lowercase regardless of how the original text is looks in the HTML code. There are four possible values for text-transform...

• Capitalize: Capitalizes the first letter of each word. For example: "john doe" will be "John Doe".

• Uppercase: Converts all letters to uppercase. For example: "john doe" will be "JOHN DOE"

• Lowercase: Converts all letters to lowercase. For example: "JOHN DOE" will be "john doe"

• None: No transformations - the text is presented as it appears in the HTML code.

As an example, we will use a list of names. The names are all marked with <li> (list-item). Let's say that we want names to be capitalized and headlines to be presented in uppercase letters.

h1 {text-transform: uppercase;} li {text-transform: capitalize;}

The CSS Code above will result in this...

THIS IS AN UPPERCASE HEADING

• This Is An Capitalised List Item
• This Is An Capitalised List Item
• This Is An Capitalised List Item
• This Is An Capitalised List Item

Next Up

We learn about editing web fonts using CSS.

Also finished article INFORMATION CSS Text READ HERE

Thus our discussion about INFORMATION CSS Text 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 Text READ HERE with a link that you can save https://newhomedesignminimalist1.blogspot.com/2016/03/information-css-text-read-here.html I hope the article is about could be useful to you.

Tag : CSS basics, css fonts, css text, CSS3, fonts, learns css, text, text and fonts, web, web design,

Tweet