سی ایس ایس پراپرٹیز: ایکسپلوریشن اور استعمال

یہاں ہر سی ایس ایس پراپرٹی کی تفصیلی وضاحت ہے۔

 

جائیداد color

پراپرٹی color کا استعمال کسی عنصر کے ٹیکسٹ کلر کو فارمیٹ کرنے کے لیے کیا جاتا ہے۔

قدر رنگ کا نام(مثلاً red ،, blue, green)، ایک ہیکساڈیسیمل کوڈ(مثلاً، "#FF0000" کے لیے red)، یا اقدار کی rgb()  وضاحت کے لیے ایک فنکشن ہو سکتا ہے۔ Red, Green, Blue

مثال: color: red;

جائیداد font-size

پراپرٹی font-size  کا استعمال کسی عنصر کے اندر متن کے سائز کو فارمیٹ کرنے کے لیے کیا جاتا ہے۔

قیمت پکسلز(مثلاً، "12px")، ایم یونٹس(مثلاً، "1.2em")، فیصد(%) یا دیگر متعلقہ اقدار میں ہو سکتی ہے۔

مثال: font-size: 16px;

جائیداد background-color

پراپرٹی background-color کا استعمال کسی عنصر کے پس منظر کے رنگ کو فارمیٹ کرنے کے لیے کیا جاتا ہے۔

رنگ کی وضاحت کرنے کے لیے قدر رنگ کا نام، ایک ہیکساڈیسیمل کوڈ، یا "rgb()" فنکشن بھی ہو سکتی ہے۔

مثال: background-color: #F0F0F0;

جائیداد font-family

"فونٹ فیملی" پراپرٹی کسی عنصر کے اندر متن کے لیے استعمال ہونے والے فونٹ کی وضاحت کرتی ہے۔

قدر ایک فونٹ کا نام(مثلاً Arial ،, Helvetica) یا فونٹ کے ناموں کی ترجیحی فہرست ہو سکتی ہے۔

مثال: font-family: Arial, sans-serif;

جائیداد text-align

کسی عنصر کے اندر متن کو سیدھ میں لانے کے لیے "ٹیکسٹ الائن" پراپرٹی کا استعمال کیا جاتا ہے۔

قدر ہو سکتی ہے left, right, center, یا justify(دونوں سروں پر متن کا جواز پیش کرنے کے لیے)۔

مثال: text-align: center;

جائیداد width

"چوڑائی" خاصیت کسی عنصر کی چوڑائی کی وضاحت کرتی ہے۔

قیمت پکسلز، فیصد(%) یا auto خودکار چوڑائی میں ہو سکتی ہے۔

مثال: width: 300px;

جائیداد height

پراپرٹی height  کسی عنصر کی اونچائی کی وضاحت کرتی ہے۔

قدر pixel ، فیصد(%)، یا auto خودکار اونچائی کے لیے ہو سکتی ہے۔

مثال: height: 200px;

جائیداد border

پراپرٹی border  کو کسی عنصر کے گرد بارڈر بنانے کے لیے استعمال کیا جاتا ہے۔

قدر میں سرحد کی موٹائی(مثال کے طور پر، "1px")، border style(مثال کے طور پر solid ، dotted)، اور color(مثلاً، red) شامل ہو سکتی ہے۔

مثال: border: 1px solid black;

جائیداد margin

پراپرٹی margin کسی عنصر اور آس پاس کے عناصر کے درمیان وقفہ کاری کی وضاحت کرتی ہے۔

قیمت ایک پکسل ویلیو(مثلاً، "10px")، ہر سمت کے لیے پکسل ویلیوز(مثلاً، "5px 10px")، یا auto  خودکار وقفہ کاری کے لیے ہو سکتی ہے۔

مثال: margin: 10px;

جائیداد padding

پراپرٹی padding مواد اور عنصر کی سرحد کے درمیان وقفہ کاری کی وضاحت کرتی ہے۔

قدر pixel ہر سمت کے لیے ایک قدر یا پکسل کی قدر ہو سکتی ہے۔

مثال: padding: 20px;

 

یہ سی ایس ایس کی خصوصیات اور ان کی اقدار کی صرف چند مثالیں ہیں۔ CSS آپ کے ویب پیج پر عناصر کو اسٹائل اور اپنی مرضی کے مطابق بنانے کے لیے بہت سی دوسری خصوصیات فراہم کرتا ہے۔ آپ اپنی ویب سائٹ کے لیے مختلف ڈیزائن اور اثرات حاصل کرنے کے لیے مزید خصوصیات کو تلاش کر سکتے ہیں اور انہیں اپنی مرضی کے مطابق بنا سکتے ہیں۔