سی ایس ایس کیرن
- پچھلے صفحے سی ایس ایس خاتم پس منظر
- آئندہ صفحہ سی ایس ایس کیرن چوڑائی
خصوصیات لبه CSS
CSS border متغیر به شما اجازه میدهد تا نوع، عرض و رنگ لبههای عنصر را مشخص کنید.
تمام لبههای من دارای لبه هستند.
من یک لبه قرمز پایین دارم.
من لبههای گرد دارم.
من یک لبه چپ آبی دارم.
نوع لبه CSS
border-style متغیر لبهای که باید نمایش داده شود را مشخص میکند.
مقدارهای زیر مجاز هستند:
dotted- لبه خطی نقطهای تعریف میکندdashed- لبه خطی پرتابی تعریف میکندsolid- لبه خطی صاف تعریف میکندdouble- لبه دوگانه تعریف میکندgroove- لبه 3D groove تعریف میکند. اثر بستگی به مقدار border-color داردridge- لبه 3D ridge تعریف میکند. اثر بستگی به مقدار border-color داردinset- لبه 3D inset تعریف میکند. اثر بستگی به مقدار border-color داردoutset- لبه 3D outset تعریف میکند. اثر بستگی به مقدار border-color داردnone- لبه بدون لبه تعریف میکندhidden- لبه مخفی تعریف میکند
border-style متغیر میتواند یک تا چهار مقدار را تنظیم کند (برای لبههای بالا، سمت راست، پایین و سمت چپ).
مثال
مختلف کی برونپوششهای لبه را نمایش میدهد:
p.dotted {border-style: dotted;}
p.dashed {border-style: dashed;}
p.solid {border-style: solid;}
p.double {border-style: double;}
p.groove {border-style: groove;}
p.ridge {border-style: ridge;}
p.inset {border-style: inset;}
p.outset {border-style: outset;}
p.none {border-style: none;}
p.hidden {border-style: hidden;}
p.mix {border-style: dotted dashed solid double;}
نتیجہ:
نقطی بوردر
نیم لین بوردر
واقعی بوردر
دو لین بوردر
کھوجی بوردر، اس کا اثر border-color کی قیمت پر منحصر ہوتا ہے۔
برجی بوردر، اس کا اثر border-color کی قیمت پر منحصر ہوتا ہے۔
3D inset بوردر، اس کا اثر border-color کی قیمت پر منحصر ہوتا ہے۔
3D outset بوردر، اس کا اثر border-color کی قیمت پر منحصر ہوتا ہے۔
بوردر بغیر
مائع بوردر
توجیہ:جب تک کہ اس کا استعمال نہ کیا جائے border-style اگر کسی ویسی کا استعمال نہ کیا جائے تو، دیگر CSS بوردر کی اگلی صفحے میں تفصیلات میں کوئی بھی اثر نہیں پڑے گا!
- پچھلے صفحے سی ایس ایس خاتم پس منظر
- آئندہ صفحہ سی ایس ایس کیرن چوڑائی
