CSS Text Style Bold - Text Decoration - Text Shadow

CSS text properties allow to establish several CSS text styles such as: text size font, alignment, color, spacing, decoration, bold, shadow, etc. easily an effectively.

CSS Text Font Weight

The text font weight property is used to set how thick or not will be the text of your page, to highlight certain words. CSS text font weight is specified by:
font-weight: - like "normal, bold, bolder, lighter"
font-weight: - like "100, 200, 300, 400, 500"

Example 1:

.div-box1
{
font-weight: bold;
font-size: 18px;
width: 450px;
height: 210px;
border: 1px solid #73AD21;
background-color: red;
}
p {
font-weight: 700;
}

Check this example >>

CSS Text Bold
CSS text style text bpld decoration, txt shadow
HTML Text Style
CSS bold style font-weight property

CSS Text Decoration

Text-decoration property is used to set up or remove decorations from certain words or all text from <div>.
Possible values of this Text-decoration property are: none, underline, overline, line-through, blink and inherit. You should avoid underline text that is not a link, as it might confuse the visitor.
text-decoration - like "none"
text-decoration - like "underline"
text-decoration - like "overline"

Example2:

.div-box2
{
text-decoration: none;
font-style: italic;
font-size: 18px;
height: 450px;
max-height: 250px;
border: 1px solid #73AD21;
background-color: red;
} div {
text-decoration: underline;
}

Check this example >>

CSS Text Shadow

The text-shadow property is adding shadow to text.
This property text-shadow: accepts a comma-separated list of shadows to be applied for certain words or all text.

Example3:

h1
{
text-shadow: 4px 2px #099;
}

Check this example >>

CSS text-shadow: h-shadow v-shadow blur-radius color|none|initial|inherit;

CSS Text Style Bold, Text Decoration, Text Shadow
CSS Text Style Bold - Text Decoration - Text Shadow - css tutorial

Online Editor

ONLINE EDITOR

news templates