Friday, March 31, 2023

Css-ஃபாண்ட் பிராப்பர்ட்டி பற்றி அறிந்து கொள்வோம்.

 Full stack web development with ..Net, Java, C, C++, PHP, Java script, web designing, classes is going on.

Both direct and online classes.

contact:91 9629329142



சி எஸ் எஸ் ஆனது ஒரு வெப் பக்கத்தை ஸ்டைலிஷ் ஆக உருவாக்க பயன்படுகின்றது. இதில் ஃபாண்ட் சம்பந்தப்பட்ட பிராப்பர்ட்டி என்னென்ன உள்ளது என்று இந்த கட்டுரையில் காண்போம்.

Font-family:

இது குறிப்பிட்ட ஃபாண்டை ஒரு குறிப்பிட்ட டெக்ஸ்டிற்கு மதிப்பிருத்தப்பயன்படுகின்றது.

சான்று:

Font-family:Arial

Font-style:

இந்த பிராப்பர்ட்டி ஆனது இதன் மதிப்பு italic என்றால் டெக்ஸ்டை சாய்வாகவும் normal என்றால் நேராவகவும் காண்பிக்கின்றது.

சான்று:

Font-style:italic

Font-weight:

இதன் மதிப்பாக bold என குறிப்பிடுவதன் மூலம் ஒரு குறிப்பிட்ட டெக்ஸ்டை போல்ட் ஆக மாற்றலாம். இதன் மதிப்புகளாக 100%, 200% அல்லது bolder ஆகிய வெவ்வேறாக குறிப்பிடலாம்.

சான்று:

Font-weight:bold

Font-size:

இது ஒரு குறிப்பிட்ட டெக்ஸ்டின் அளவை மாற்றிக் கொள்ள பயன்படுகின்றது .மதிப்பை பிக்சல் போன்ற அளவீடுகளிலும் large, x-large போன்ற கீவேர்டுகளிலும் குறிப்பிடலாம்.

Font-size:large;

 

Color:

இது ஒரு டெக்ஸ்டின் நிறத்தை மாற்ற பயன்படுகின்றது.

சான்று:

Color: red;

Color:rgb(255,0,0)

Font:

இதன் மூலம் ஒரு ஃபாண்டின் வெவ்வேறு மதிப்புகளை ஒரே வரியில் குறிப்பிடலாம்.

சான்று:

Font: bold 12px arial;

இப்பொழுது இது எல்லா பண்புகள் பற்றியும் ஒரு ஒற்றை நிரலில் காண்போம்.

!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=p, initial-scale=p">

    <title>Document</title>

    <style>

        p{

            font-family: Arial, Helvetica, sans-serif;

            font-size:large;

            color:rgba(172, 172, 247, 1);

        }

        #it{

            font-style: italic;

            color:hsl(298, 33%, 57%);

        }

        #txtbold{

            font-weight: bold;

        }

        #txtfont{

            font:bold 35px verdana;

        }

    </style>

</head>

<body>

   <p>

    Lorem ipsum dolor sit, <span id="it">  amet consectetur </span>adipisicing elit. Consectetur corporis doloremque,

     modi, veritatis nemo eius incidunt nihil maxime provident facilis <span id="txtbold"> sapiente facere enimea?</span> Cum earum,

      incidunt at recusandae accusamus, ex distinctio temporibus dolor accusantium optio ea, non saepe. Hic error

       facilis dolores <span id="txtfont"> labore repudiandae </span>autem quisquam modi ab officiis ullam ad, deleniti veritatis commodi vel aliquid temporibus impedit fugiat ipsum inventore nostrum laborum incidunt? Error sapiente unde at aperiam tempora numquam impedit sunt laboriosam ea. Iure delectus modi asperiores, alias placeat qui, magnam labore impedit, illum ut ipsum vitae. Ipsam quod iusto mollitia odit quasi provident laborum impedit consequatur?

   </p>

</body>

</html>

 

நன்றி:

முத்து கார்த்திகேயன் ,மதுரை.

ads Udanz

No comments:

Post a Comment