Css lecture 3 in urdu
Css
Font
Aj ham pharain gy about font k html content ka
font kesy change karna hai kesy design dina hai
·
The font-family property is used to change the face of
a font.
·
The font-style property is used to make a font italic
or oblique.
·
The font-variant property is used to create a
small-caps effect.
·
The font-weight property is used to increase or
decrease how bold or light a font appears.
·
The font-size property is used to increase or decrease
the size of a font.
·
The font property is used as shorthand to
specify a number of other font properties.
Font-family
use karty hai face of font k lay means k font ka design arial hona chahye ya
whatever
html>
<head>
</head>
<body>
<p style="font-family:georgia,garamond,serif;">
This text is rendered in either georgia,
garamond, or the default serif font
depending on which font you have at your system.
</p>
</body>
</html>
Font-style
<p style=”font-style:itlic”>the is itllic paprgrph</p>
<p style=”font-style:itlic”>the is itllic paprgrph</p>
Font-verient <p style="font-variant:small-caps;">
Font-weight
<p
style=”font-weight:bold;>this is bold </p>
<p
style=”font-weight:100;>this is 100 weight</p>
Font-size
<p style=”font-size:small”>this is small</p>
<p style=”font-size:large”>this is large</p>
<p style=”font-size:10px”>this is 10 px</p>
<p style=”font-size:small”>this is small</p>
<p style=”font-size:large”>this is large</p>
<p style=”font-size:10px”>this is 10 px</p>
·
The color property is used to set the color of a
text.
·
The direction property is used to set the text
direction.
·
The letter-spacing property is used to add or subtract space
between the letters that make up a word.
·
The word-spacing property is used to add or subtract
space between the words of a sentence.
·
The text-indent property is used to indent the text of
a paragraph.
·
The text-align property is used to align the text of
a document.
·
The text-decoration property is used to underline,
overline, and strikethrough text.
·
The text-transform property is used to capitalize text or
convert text to uppercase or lowercase letters.
·
The white-space property is used to control the flow
and formatting of text.
·
The text-shadow property is used to set the text
shadow around a text.
Color
<p style=”color:red”>this is red</p>
<p style=”color:red”>this is red</p>
Direction
<p style=”direction:ltr”>this is left to right direction</p>s
<p style=”direction:ltr”>this is left to right direction</p>s
Space
between character
<p
style=”letter-spacing:5px> this is 5 px space btw charcter</p>
Ye
character me fasla pida kary ga
Space
between word
<p
style=”word-spacing:5px> this is 5 px space btw word</p>
Ye
word me thora fasla peda kary ga
Text-alignment
<p
style=”text-align:center”>this is in center </p>
Decoration
<html>
<head>
</head>
<body>
<p style="text-decoration:underline;">
This will be underlined
</p>
<p style="text-decoration:line-through;">
This will be striked through.
</p>
<p style="text-decoration:overline;">
This will have a over line.
</p>
<p style="text-decoration:blink;">
This text will have blinking effect
</p>
</body>
</html>
Mt
Ali Okz
No comments:
Post a Comment