تغییر میزان فضای خالی بین دکمه رادیویی (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 :

نتیجه :

خطا - صفحه را دوباره بارگذاری کنید
نویسنده علیرضا گلمکانی
شماره کلید 26627
گزینه ها
به اشتراک گذاری (Share) در شبکه های اجتماعی
نظرات 0 0 0

ارسال نظر جدید (بدون نیاز به عضو بودن در وب سایت)