Page 70 - Code & Click - 7

Text-shadow Property

The text-shadow property is used to apply shadow to the text. The value of the text-shadow property
is given as:

text-shadow: h-shadow v-shadow color
where, h-shadow specifies the position of horizontal shadow in pixels, v-shadow specifies the
position of the vertical shadow in pixels, and color specifies the colour of the shadow.

For example,

text-shadow: 3px 4px orange
Text-transform Property

The text-transform property is used to control the capitalisation of the text. You can choose from
four case values: capitalize, uppercase, lowercase, and none.

Consider the code given below:
<style type = ‘‘text/css’’>
p {text-transform: none}

h1 {text-transform: uppercase}
</style>

Font Properties
The Font properties are used to specify the font, size and style for the text in a web page.

Property Description Value(s) Example

Specifies a list of fonts
font-family font name font-family: Arial
for the text

xx – small, x – small, small,
Specifies the size of a medium (default), large, font-size: large
font-size
font x-large, xx-large, larger, smaller, font-size: 20px
value, percentage

Specifies the style of normal (default), italic,
font-style font-style: italic
font oblique

Specifies all font font-style
font properties in one font-size font: bold 24px
Calibri
declaration font-family
Consider the code given below:

<style type = ‘‘text/css’’>
p {font-size: small; font-family: Calibri}
h1 {font-family: Arial; font-style: italic}
</style>
The code specifies to the web browser that the text of paragraph is in Calibri font of small size and
the text of Heading level one is in Arial font and italicised.

68