تغییر ضخامت خطوط حاشیه (border)، با مشخصه border-width ، در W3.CSS
قبلا در کلید شماره 26170 شرح دادیم که چگونه می توانیم در چارچوب W3.CSS ، خطوط حاشیه (border) را برای یک عنصر ایجاد کنیم. اکنون قصد داریم که چگونگی تعیین میزان ضخامت خطوط حاشیه (border) را توضیح دهیم.
دقت شود که چارچوب W3.CSS ، کلاس های (Class) خاصی را برای تعیین ضخامت خطوط حاشیه (border) در نظر نگرفته است (حداقل تا به امروز) و باید خود ما با یک سری کد CSS ، میزان ضخامت خطوط حاشیه (border) برای عنصر را مشخص کنیم.
کلاس های w3-topbar و w3-bottombar و w3-leftbar و w3-rightbar برای ایجاد خطوط حاشیه (border) ضخیم به کار می روند که آنها را در کلید شماره 26172 شرح داده ایم، اما در این کلید آموزشی، قصدمان تعیین دقیق ضخامت خطوط حاشیه (border) می باشد.
یک مثال کلی از تغییر ضخامت خطوط حاشیه (border) :
همان طور که مشاهده می کنید، کلاس w3-borde را ذکر کرده ایم تا خطوط حاشیه (border) برای عنصر نمایش داده شود و همچنین با کد CSS زیر، مشخص کرده ایم که ضخامت خطوط حاشیه (border) برابر 5px باشد :
دقت شود که حتما بعد از مشخصه border-width ، عبارت زیر نوشته شود :
به مثال زیر توجه کنید :
بخش مهم کدها :
کد کامل صفحه HTML :
با مشخصه margin ، تعیین کرده ایم که به اندازه 10px ، حاشیه (margin) برای عنصر در نظر گرفته شود تا بتوانیم به خوبی، خطوط حاشیه (border) مربوط به عنصر را ببینیم.
نتیجه :
