خلاصه نويسي دستورات border , margin , padding - css در سرعت طراحی وب سایت تاثیر گذار است مواقعی در طراحی نیازی نداریم که به صور تکی استایل دهی کنیم و با خلاصه نویسی css هم کد کمتری و بهینه تری نوشتیم و هم سریعتر وب سایت موردنظر را طراحی کرده ایم.
خلاصه نويسي دستورات border , margin , padding - css در سرعت طراحی وب سایت تاثیر گذار است مواقعی در طراحی نیازی نداریم که به صور تکی استایل دهی کنیم و با خلاصه نویسی css هم کد کمتری و بهینه تری نوشتیم و هم سریعتر وب سایت موردنظر را طراحی کرده ایم.
حالت خلاصه نویسی border در CSS
بردر ها خطوطي هستند كه در چهار جهت در دور عنصر ايجاد مي شوند و به عبارت دیگر با استفاده از مجموعه خواص border در CSS ، می توان برای بيشتر عنصرهای HTML خطوط حاشيه تعيين کرد . خطوط حاشيه خطوطي هستند ، که به دور عنصر مورد نظر کشيده می شوند.
border : border-width border-style border-color
border- color : top right bootom left
border- width : top right bootom left
border- style: top right bootom left
border-width
border-style
border-color
border-right
border-top
border-bottom
border-left
border-right-style
border-top-style
border-bottom-style
border-left-style
border-right-color
border-top-color
border-bottom-color
border-left-color
border-right-width
border-top-width
border-bottom-width
border-left-width
border-right : [ border-right-width] [ border-right-style ] [ border-right-color ]
border-top : [ border-top-width] [ border-top-style ] [ border-top-color ]
border-bottom : [ border-bottom-width] [ border-bottom-style ] [ border-bottom-color ]
border-left : [ border-left-width] [ border-left-style ] [ border-left-color ]
بردر ها خطوطي هستند كه در چهار جهت در دور عنصر ايجاد مي شوند و به عبارت دیگر با استفاده از مجموعه خواص border در CSS ، می توان برای بيشتر عنصرهای HTML خطوط حاشيه تعيين کرد . خطوط حاشيه خطوطي هستند ، که به دور عنصر مورد نظر کشيده می شوند.
border : border-width border-style border-color
border- color : top right bootom left
border- width : top right bootom left
border- style: top right bootom left
border-width
border-style
border-color
border-right
border-top
border-bottom
border-left
border-right-style
border-top-style
border-bottom-style
border-style
border-color
border-right
border-top
border-bottom
border-left
border-right-style
border-top-style
border-bottom-style
border-left-style
border-right-color
border-top-color
border-bottom-color
border-left-color
border-right-width
border-top-width
border-bottom-width
border-left-width
border-right-color
border-top-color
border-bottom-color
border-left-color
border-right-width
border-top-width
border-bottom-width
border-left-width
border-right : [ border-right-width] [ border-right-style ] [ border-right-color ]
border-top : [ border-top-width] [ border-top-style ] [ border-top-color ]
border-bottom : [ border-bottom-width] [ border-bottom-style ] [ border-bottom-color ]
border-left : [ border-left-width] [ border-left-style ] [ border-left-color ]
حالت خلاصه نویسی padding در CSS
.پدینگ فضای داخلی عنصر را از چهار جهت کنترل می کند به عبارت دیگر پدينگ حاشيه هاي دروني يا فضاي داخلي عناصر را كنترل مي كند
padding : [ padding top ] [ padding right ] [ padding bottom ] [ padding left ]
padding
padding-top
padding-right
paddnig-bottom
padding-left
.پدینگ فضای داخلی عنصر را از چهار جهت کنترل می کند به عبارت دیگر پدينگ حاشيه هاي دروني يا فضاي داخلي عناصر را كنترل مي كند
padding : [ padding top ] [ padding right ] [ padding bottom ] [ padding left ]
padding
padding-top
padding-right
paddnig-bottom
padding-left
padding-top
padding-right
paddnig-bottom
padding-left
حالت خلاصه نویسی margin در CSS
مارجين ها حاشيه ها يا فضايي هستند كه در دور عنصر ايجاد مي شوند به عبارت دیگر مارجین فضای بیرونی عنصر را با عناصر دیگر از چهار جهت کنترل می کند.
margin: [ margin top ] [ margin right ] [ margin bottom ] [ margin left ]
margin-top
margin-right
margin-bottom
مارجين ها حاشيه ها يا فضايي هستند كه در دور عنصر ايجاد مي شوند به عبارت دیگر مارجین فضای بیرونی عنصر را با عناصر دیگر از چهار جهت کنترل می کند.
margin: [ margin top ] [ margin right ] [ margin bottom ] [ margin left ]
margin-top
margin-right
margin-bottom
هیچ نظری موجود نیست:
ارسال یک نظر