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