سی ایس ایس کا استعمال کرتے ہوئے چیک مارک/ٹک کیسے بنائیں

Sy Ays Ays Ka Ast Mal Krt Wy Chyk Mark K Kys Bnayy



مختلف سی ایس ایس خصوصیات کا استعمال کرتے ہوئے مختلف شکلوں اور رنگوں میں HTML میں ایک چیک مارک یا ٹک کی علامت بنائی جا سکتی ہے۔ کسی کوڈ کے ذریعے کسی چیز کو کھینچنے کے لیے، اس شکل کے لیے کچھ اسٹائلنگ خصوصیات جیسے کہ ' اونچائی '،' چوڑائی '،' رنگ '،' سرحد '، وغیرہ

یہ مضمون درج ذیل طریقوں کو ظاہر کرے گا:

طریقہ 1: سی ایس ایس پراپرٹیز کا استعمال کرتے ہوئے ایک چیک مارک/ٹک علامت بنانا

ٹک کی علامت کھینچنے کے لیے، پہلی ضرورت یہ ہے کہ یہ تصور کیا جائے کہ ٹک کا نشان آخر میں کیسے نظر آئے گا کیونکہ اسے کسی بھی رنگ کے سائز یا شکل میں بنایا جا سکتا ہے۔ اس کو ایک مثال کی مدد سے سمجھنا بہتر ہوگا۔







مثال
مثال کے طور پر، ڈویلپر CSS طرز کی خصوصیات کا استعمال کرتے ہوئے سبز رنگ کا سادہ ٹک مارک بنانا چاہتا ہے اور اسے انٹرفیس کے مرکز میں ڈسپلے کرنا چاہتا ہے۔ ایچ ٹی ایم ایل کوڈ میں، یہ ایک بنانے کی ضرورت ہے '

'کنٹینر عنصر کے ساتھ' آئی ڈی 'یا ایک' کلاس ”:



< div آئی ڈی = 'چیک مارک' >< / div >

مندرجہ بالا HTML بیان میں، ایک ' div 'عنصر کو آئی ڈی کے ساتھ شامل کیا گیا ہے جس کا اعلان کیا گیا ہے' چیک مارک '



CSS خصوصیات کا استعمال کرتے ہوئے عنصر کو اسٹائل کرتے وقت، ایک 'کا اضافہ کریں آئی ڈی HTML عنصر کا حوالہ دینے کے لئے منتخب کنندہ اور پھر اس کے اندر خصوصیات کی وضاحت کریں:





#چیک مارک
{
transform : گھماؤ ( 45 ڈگری ) ;
اونچائی : 45px;
چوڑائی : 20px;
مارجن-بائیں: پچاس %;
بارڈر نیچے: 9px ٹھوس گہرا زیتون سبز؛
بارڈر-دائیں: 9px ٹھوس گہرا زیتون سبز؛
}

مندرجہ بالا CSS طرز کے عنصر میں درج ذیل خصوصیات ہیں:

  • ' تبدیل کریں: گھمائیں (45 ڈگری) ” سیدھے عمودی اور افقی لکیروں کو اس طرح گھماتا ہے جو ٹک سمبل کی شکل بناتا ہے۔
  • ' اونچائی 'پراپرٹی ٹک علامت کی اونچائی کو سیٹ کرتی ہے' 45px '
  • ' چوڑائی 'پراپرٹی علامت بناتی ہے' 20px 'چوڑا.
  • ' مارجن-بائیں پراپرٹی ٹک کی علامت کو ویب صفحہ انٹرفیس کے مرکز میں سیدھ میں کرتی ہے۔
  • اس کے بعد، ' بارڈر نیچے 'اور' بارڈر-دائیں خصوصیات دونوں لائنوں کا بارڈر وزن سیٹ کرتی ہیں ' 9px 'اور' کی وضاحت کریں گہرا زیتون سبز ” دونوں لائنوں کے لیے رنگ جو ایک مکمل ٹک کی علامت بناتے ہیں۔

یہ ایک سبز رنگ کا سادہ چیک مارک یا ٹک سمبل بنائے گا جو ویب پیج انٹرفیس کے مرکز میں دکھایا جائے گا ' 45px 'اونچا اور' 20px چوڑا:



طریقہ 2: یونیکوڈ کریکٹرز کا استعمال کرتے ہوئے چیک مارک/ٹک داخل کرنا

کچھ یونیکوڈ حروف بھی ہیں جو خود بخود آؤٹ پٹ میں ٹک مارک کی علامتوں کو اسٹائل کرنے اور ان کے لیے پیرامیٹر کی قدروں کی وضاحت کیے بغیر داخل کر دیتے ہیں۔ مثال کے طور پر، یونیکوڈ کریکٹر ' U+2713 ” آؤٹ پٹ میں ایک سادہ ٹک علامت شامل کرنے میں مدد کرتا ہے۔ اسی طرح یونیکوڈ کریکٹر ' U+2713 ” آؤٹ پٹ میں سفید بھاری ٹک علامت داخل کرنے میں مدد کرتا ہے۔ مکمل گائیڈ کے ذریعے ان یونیکوڈ حروف کو HTML دستاویز میں شامل کرنے کا طریقہ جاننے کے لیے، کلک کریں۔ یہاں .

نتیجہ

پہلے کسی id یا کلاس کے ساتھ ایک HTML عنصر بنا کر اور پھر اس عنصر کا حوالہ دینے کے لیے CSS سٹائل عنصر میں id یا کلاس سلیکٹر کو شامل کر کے ایک چیک مارک یا ٹک کی علامت کھینچی جا سکتی ہے۔ ویب پیج انٹرفیس پر چیک مارک/ٹک کی شکل بنانے کے لیے، مختلف سی ایس ایس خصوصیات جیسے ' اونچائی '،' چوڑائی '،' گھمائیں 'اور' رنگ ” کو چیک مارک کی قسم اور سائز کے مطابق استعمال کیا جا سکتا ہے۔ یہ بلاگ سی ایس ایس کا استعمال کرتے ہوئے چیک مارک/ٹک بنانے کا طریقہ دکھاتا ہے۔