سی ایس ایس حاشیه هر طرف

CSS فریم - علیحدہ علیحدہ فریم

پچھلے باب کے مثال سے آپ نے دیکھا ہوگا کہ کسی بھی کیسی فریم کا انداز مختلف طور پر طے کیا جاسکتا ہے。

CSS میں، کچھ اور خصوصیات موجود ہیں جو کسی بھی فریم (بالائی، دائیں، نیچلی اور بائیں) کو طے کرنے کے لئے استعمال کی جاسکتی ہیں:

چار کی جانب بجلی ساتھ چلنا

/* ایک مقادیر */
  border-top-style: dotted;
  border-right-style: solid;
  border-bottom-style: dotted;
  border-left-style: solid;
border-style: dotted;

نتیجہ:

مختلف فریم کا انداز

}

مختلف فریم کا انداز

پچھلے مثال کا نتیجہ اس کے ساتھ یکساں ہے:

چار کی جانب بجلی ساتھ چلنا

/* ایک مقادیر */
  /* دو مقادیر */
border-style: dotted;

}

اس کا کام کرنا اس طرح ہے:

دیکھو، دکھو، بائیں اور کانار کی بوردر آپ ساتھ چلنا مثال میں استعمال ہوا خصوصیات میں چار کا مقادیر تنظیم کیا گیا ہے:

/* چار مقادیر */

  • آپری کی فریم کا خط خالی ہے
  • دائیں کی فریم کا خط سخت ہے
  • نزولی کی فریم کا خط دوگانه ہے
  • بائیں کی فریم کا خط خالی ہے

دیکھو، دکھو، بائیں اور کانار کی بوردر آپ ساتھ چلنا مثال میں استعمال ہوا خصوصیات میں تین کا مقادیر تنظیم کیا گیا ہے:

/* تین مقادیر */

  • آپری کی فریم کا خط خالی ہے
  • پیراگراف کا استعمال
  • نزولی کی فریم کا خط دوگانه ہے

دیکھو، دکھو، بائیں اور کانار کی بوردر آپ ساتھ چلنا مثال میں استعمال ہوا بائیں اور کانار کی بوردر ساتھ چلنا، اور اُپ اور نیچل کی بوردر بجلی ساتھ چلنا

/* دو مقادیر */

  • اگر
  • پیراگراف کا استعمال

دیکھو، دکھو، بائیں اور کانار کی بوردر آپ ساتھ چلنا مثال میں استعمال ہوا اگر

p {

  • پیراگراف کا استعمال

چار کی جانب بجلی ساتھ چلنا

مثال
/* ایک مقادیر */
  /* چار مقادیر */ 
border-style: dotted;
border-style: dotted solid double dashed;
/* ایک مقادیر */
  /* تین مقادیر */ 
border-style: dotted;
border-style: dotted solid double;
/* ایک مقادیر */
  /* دو مقادیر */ 
border-style: dotted;
border-style: dotted solid;
/* ایک مقادیر */
  p { 
border-style: dotted;

}

مجھے خود کا تجربہ کریں مثال میں استعمال ہوا پیراگراف کا استعمال border-width اور border-color بھی استعمال ہوتا ہے