آموزش CSS
بستن دسته بندی
دسته بندی ها ( ۸۳ آموزش )
لیست همه کلیدهای این موضوع
نمایش دسته بندی ها (۸۳ آموزش)
مباحث اولیه، در CSS
مباحث اولیه، در CSS
9
نمایش متن، در CSS
نمایش متن، در CSS
16
ساخت حاشیه (border)، در CSS
ساخت حاشیه (border)، در CSS
4
عکس ها، در CSS
عکس ها، در CSS
7
انتخابگرها (Selector) (انتخاب عنصرهای صفحه)، در CSS
انتخابگرها (Selector) (انتخاب عنصرهای صفحه)، در CSS
9
بچه های (Child) عنصرها، در CSS
بچه های (Child) عنصرها، در CSS
0
اندازه عنصرها، در CSS
اندازه عنصرها، در CSS
1
موقعیت عنصرها، در CSS
موقعیت عنصرها، در CSS
3
تغییر شکل عنصرها، در CSS
تغییر شکل عنصرها، در CSS
4
عدم نمایش عنصرها، در CSS
عدم نمایش عنصرها، در CSS
2
ساخت انیمیشن، در CSS
ساخت انیمیشن، در CSS
6
لینک ها (Link)، در CSS
لینک ها (Link)، در CSS
6
رنگ ها (Color) و تعیین رنگ، در CSS
رنگ ها (Color) و تعیین رنگ، در CSS
2
فهرست ها (لیست ها - List)، در CSS
فهرست ها (لیست ها - List)، در CSS
2
جدول ها (Table)، در CSS
جدول ها (Table)، در CSS
2
فرم ها (Form)، در CSS
فرم ها (Form)، در CSS
2
دکمه ها (Button)، در CSS
دکمه ها (Button)، در CSS
2
صفحه نمایش (Screen)، در CSS
صفحه نمایش (Screen)، در CSS
0
منسوخ شده ها (Deprecated و Obsolete)، در CSS
منسوخ شده ها (Deprecated و Obsolete)، در CSS
2
مباحث عمومی، در CSS
مباحث عمومی، در CSS
4

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

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

جستجو در کلیدستان، توسط گوگل

جستجو در عنوان کلیدها

دسترسی سریع

کلید
×

شماره کلید


دسته بندی
×

شماره دسته کلید


جستجو
×

جستجو


راهنمای مشخصه های CSS

راهنمای مشخصه های CSS بر اساس حرف اول مشخصه :

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z