PHP Full Stack Development (eight): Cssⅳ Text Format property (text)

Source: Internet
Author: User

Text Series properties are primarily formatted with text, such as ....

Color

{color:red;}  {color:#00ff00;}  {color:rgb (0,0,255);

You can set the center of text, Align Left, align Right, justify, and so on, using the Text-align property

{text-align:center;}  {text-align:right;}  {text-align:justify;}

The Justify property indicates justification

There is also an underline format for setting text strikethrough, underlining, or deleting text, using

Text-decoration (modified)

For example, add an underscore to the text:

{text-decoration:underline}

Add Strikethrough to Text

{text-decoration:line-through}

Or you want to be clear about the text in any format using:

{text-decoration:none;}

However, this code is mainly used to remove the underline of hyperlinks. Of course, other formats have also been deleted, of course, not including the font color, size and so on. Just removed the decoration (decoration).

letter-spacing:5px;

Letter-spacing can set character spacing, note oh, not word spacing.

Character spacing is the amount of space to set each letter, and the word spacing is to set the spacing for each word, and the Kerning method is as follows:

word-spacing:30px;

And this word-spacing to Chinese is not effective oh. To set the Chinese spacing, use letter-spacing to set it up OH

text-shadow:2px 2px #ff0000;

This can be used to set the shadow of the text, note that the parameters are separated by a space, not separated by semicolons.

{line-height:200%}

Line-height can be used to set the row height.

Of course there are many other properties that set text formatting that can be viewed in the manual.

In addition to these, we can also set the font of the text,

font-size:20px;

This can be used to set the font size

Font-family:times;

This font family can be used to set the text.

Font-style:noral;

This can be used to set the font style, such as italic.

PHP Full Stack Development (eight): Cssⅳ Text Format property (text)

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.