حاشیه CSS

از حاشیه ها برای ایجاد فضایی در اطراف عناصر ، خارج از هر مرز مشخص استفاده می شود.

این عنصر حاشیه 70px دارد.

حاشیه CSS

از خواص حاشیه CSS برای ایجاد فضایی در اطراف عناصر ، خارج از هر مرز مشخص استفاده می شود.

با CSS ، شما کنترل کاملی بر حاشیه ها دارید. خواصی برای تنظیم حاشیه برای هر طرف یک عنصر (بالا ، راست ، پایین و چپ) وجود دارد.

حاشیه - طرفین فردی

CSS دارای خواصی برای مشخص کردن حاشیه برای هر طرف یک عنصر است:

• حاشیه
• حاشیه راست
• حاشیه پایین
• حاشیه چپ

تمام خصوصیات حاشیه می تواند مقادیر زیر را داشته باشد:

• خودکار - مرورگر حاشیه را محاسبه می کند
• طول - حاشیه ای در PX ، PT ، CM و غیره را مشخص می کند.
• ٪ - حاشیه ای در ٪ از عرض عنصر حاوی را مشخص می کند
• وراث - مشخص می کند که حاشیه باید از عنصر والدین به ارث برسد

نکته: مقادیر منفی مجاز است.

مثال

حاشیه های مختلف را برای هر چهار طرف یک تنظیم کنید

عنصر:

p حاشیه - ملک کوتاه

برای کوتاه کردن کد ، می توان تمام خصوصیات حاشیه را در یک ویژگی مشخص کرد.

دارایی حاشیه یک خاصیت کوتاه برای خصوصیات حاشیه زیر است:

• حاشیه
• حاشیه راست
• حاشیه پایین
• حاشیه چپ

بنابراین ، در اینجا نحوه عملکرد آن آورده شده است:

اگر خاصیت حاشیه دارای چهار مقدار باشد:

• حاشیه: 25px 50px 75px 100px ؛
  • حاشیه بالا 25 قطعه است
  • حاشیه راست 50px است
  • حاشیه پایین 75px است
  • حاشیه سمت چپ 100px است

  مثال

  از ویژگی های حاشیه ای با چهار مقدار استفاده کنید:

  p اگر خاصیت حاشیه دارای سه مقدار باشد:

   

  • حاشیه: 25px 50px 75px ؛
    • حاشیه بالا 25 قطعه است
    • حاشیه راست و چپ 50px است
    • حاشیه پایین 75px است

    مثال

    از ویژگی های حاشیه ای با سه مقدار استفاده کنید:

    p اگر خاصیت حاشیه دارای دو مقدار باشد:

     

    • حاشیه: 25px 50px ؛
      • حاشیه های بالا و پایین 25 قطعه است
      • حاشیه راست و چپ 50px است

      مثال

      از ویژگی های حاشیه ای با دو مقدار استفاده کنید:

      p اگر خاصیت حاشیه دارای یک مقدار باشد:

       

      • حاشیه: 25px ؛
        • هر چهار حاشیه 25 قطعه است

        مثال

        از خاصیت Shorthand Margin با یک مقدار استفاده کنید:

        p مقدار خودکار

        می توانید ویژگی حاشیه را به صورت خودکار تنظیم کنید تا به صورت افقی عنصر را درون ظرف آن متمرکز کنید.

        سپس این عنصر عرض مشخص شده را به خود اختصاص می دهد و فضای باقیمانده به طور مساوی بین حاشیه های چپ و راست تقسیم می شود.

        مثال

        از حاشیه استفاده کنید: خودکار:

        قسمتمقدار وراثت

        مثال

        استفاده از مقدار وراثت:

        قسمت

        p.ex1 margin-left: inherit;>

         

        تمام خصوصیات حاشیه CSS

        ویژگی	شرح
        لبه	یک ملک کوتاه برای تعیین تمام خصوصیات حاشیه در یک اعلامیه
        حاشیه پایین	حاشیه پایین یک عنصر را تنظیم می کند
        حاشیه چپ	حاشیه سمت چپ یک عنصر را تنظیم می کند
        حاشیه راست	حاشیه مناسب یک عنصر را تنظیم می کند
        حاشیه	حاشیه بالای یک عنصر را تعیین می کند

        

        انتخاب کننده رنگ

        

        با گذراندن یک دوره امروز مجوز دریافت کنید!