تغییر میزان فضای خالی بین دکمه رادیویی (Radio Button) و متن مربوط به آن، با مشخصه margin-right ، در CSS
هنگام نمایش یک دکمه رادیویی (Radio Button)، فاصله بین آن دکمه رادیویی (Radio Button) و متن مربوط به آن، به صورت پیش فرض برابر یک مقدار مشخص می باشد، اما چنانچه قصد داشته باشیم که این میزان فضای خالی را تغییر دهیم (کم کردن یا زیاد کردن آن فاصله)، آنگاه باید کد CSS زیر را برای دکمه رادیویی (Radio Button) مورد نظر بنویسیم :
در کد بالا، مقدار فاصله را برابر 30 پیکسل (30px) انتخاب کرده ایم.
شما می توانید این مقدار را برابر 0 قرار دهید تا فاصله به حداقل مقدار ممکن برسد.
برای اینکه مشخصه margin-right برای همه دکمه های رادیویی (Radio Button) موجود در صفحه، اعمال شود، کد CSS زیر را می نویسیم :
به مثال زیر توجه کنید :
یک فرم (Form) می سازیم و در آن، 3 دکمه رادیویی (Radio Button) قرار می دهیم. ابتدا هیچ تغییری در دکمه رادیویی (Radio Button) نمی دهیم تا ظاهر آن در حالت عادی را مشاهده نماییم.
کدهای HTML مربوط به فرم (Form) :
کل کدهای صفحه HTML :
نتیجه :
اکنون از مشخصه margin-right برای دورتر شدن متن از دکمه رادیویی (Radio Button) استفاده می نماییم :
کدهای CSS :
کل کدهای صفحه HTML :
نتیجه :
