ایجاد خطوط حاشیه (border) کامل (در هر 4 طرف عنصر)، با کلاس w3-border ، در W3.CSS
در این کلید آموزشی قصد داریم که چگونگی ایجاد خطوط حاشیه (border) کامل در چارچوب W3.CSS را شرح بدهیم. منظورمان از کامل بودن خطوط حاشیه (border)، این است که در هر 4 طرف عنصر مورد نظر، خطوط حاشیه (border) نمایش داده می شود.
در واقع، چارچوب W3.CSS این امکان را نیز به ما می دهد که خطوط حاشیه (border) تنها در 1 یا 2 یا 3 طرف از عنصر نمایش داده شود، که فعلا با این حالت کاری نداریم و آن را در کلیدهای آموزشی دیگر شرح خواهیم داد.
برای ایجاد خطوط حاشیه (border) کامل برای یک عنصر، باید کلاس w3-border را برای آن ذکر نماییم :
به مثال زیر توجه کنید :
بخش مهم کدها :
کلاس w3-margin برای ایجاد حاشیه (margin) به اندازه 16px در همه جهت ها، می باشد (تا عنصر را بهتر ببینیم).
کد کامل صفحه HTML :
نتیجه :
تغییر ضخامت خطوط حاشیه (border)، در W3.CSS :
برای تغییر ضخامت خطوط حاشیه (border) در W3.CSS ، کلید شماره 26171 را بخوانید.
ایجاد خطوط حاشیه (border) ضخیم، در W3.CSS :
برای ایجاد خطوط حاشیه (border) ضخیم در W3.CSS ، کلید شماره 26172 را بخوانید.
تغییر رنگ خطوط حاشیه (border)، در W3.CSS :
برای تغییر رنگ خطوط حاشیه (border) در W3.CSS ، کلید شماره 26151 را بخوانید.
تغییر رنگ خطوط حاشیه (border)، هنگامی که موس را بر روی عنصر می بریم، در W3.CSS :
برای تغییر رنگ خطوط حاشیه (border) در هنگام بردن موس بر روی عنصر، در W3.CSS ، کلید شماره 26152 را بخوانید.
