خانه / کامپیوتر / اموزش / آموزش CSS (قسمت ۷ : ایجاد کادر برای عناصر)

آموزش CSS (قسمت ۷ : ایجاد کادر برای عناصر)

کادر (Boder)

border-style

با استفاده از استایل ما می توانیم برای اجزای یک صفحه کادر ایجاد کنیم. با استفاده از پارامتر border-style می توانیم مشخص کنیم که آیا می خواهیم کادر داشته باشیم یا نه، و اگر می خواهیم نوع کادری را که می خواهیم ایجاد کنیم مشخص کنیم. در اینجا می توانید برخی از مقادیری را که می توانیم برای border-style استفاده کنیم را ببینید :

  1. none
    با استفاده از این مقدار تعیین می کنیم که نمی خواهیم کادر داشته باشیم. در صورتی که مقداری غیر از none تعیین شود کادر خواهیم داشت.
  2. solid
    2
  3. dashed
    3
  4. dotted
    4
  5. double
    5
  6. groove
    6
  7. hidden
    7
  8. inset
    8
  9. outset
    9
  10. ridge
    10

 

همانطور که می بینید عرض این کادرها بیش از آن چیزی است که ما نیاز داریم چون ما برای این کادرها عرضی مشخص نکردیم. اگر بخواهیم عرض این کادرها به اندازه مشخصی باشد باید از پارامتر width که قبلاً با آن آشنا شدیم استفاده کنیم. به مثال زیر توجه کنید :

نتیجه به این صورت خواهد بود:

111

 


 

border-width

این پارامتر به ما اجازه می دهد تا میزان ضخامت کادرها را تعیین کنیم. این پارامتر می تواند مقادیر زیر را داشته باشد :

  1. مقدار عددی بر حسب پیکسل
    در این روش می توانیم مقدار ضخامت کادر را بر حسب پیکسل تعیین کنیم. به مثال زیر توجه کنید:

    این هم کادر به دست آمده :221

  2. thin
    این مقدار باعث خواهد شد تا کادر ما باریک باشد. مانند زیر:

    این هم کادر به دست آمده :

    222
  3. thick
    این مقدار به ما یک کادر ضخیم خواهد داد. به مثال زیر توجه کنید:

    نتیجه به صورت زیر خواهد بود :

    223

 


 

border-color

شما می توانید در صورت تمایل رنگ کادرهای خود را تغییر دهید. برای این کار باید از پارامتر border-color استفاده کنید. برای مقدار این پارامتر می توانید از نام رنگها استفاده کنید. در صورتی که از نام رنگها استفاده کنید فقط می توانید از تعداد کمی از رنگها استفاده کنید. راه دیگری که برای انتخاب رنگ وجود دارد استفاده از معادل هگزادسیمال رنگها است که نسبت به نام رنگها انعطاف پذیری بیشتری دارد. اگر جدول معادل هگزا دسیمال رنگها را می خواهید اینجا را کلیک کنید.

استفاده از نام رنگها:

331

استفاده از معادل هگزا دسیمال رنگها:

331

درباره ی nasimazadi

همچنین ببینید

واحد پردازش مركزي CPU 

واحد پردازش مركزي CPU مدت زمان انجام يك كار بوسيله كامپيوتر، به عوامل متعددي بستگي …

پاسخ دهید

%u0637%u0631%u0627%u062D%u06CC %u0633%u0627%u06CC%u062A
طراحی سایتسئوسرویس و تعمیر کولر گازیاجاره ویلافروش ویلا