کاربرد دو ویژگی css

این تاپیک 1 پاسخ و 2 مشارکت کننده دارد . آخرین آپدیت توسط :  افشین زندی ،‏ 1 سال و 6 ماه پیش .

این تاپیک تاکنون 358 بازدید داشته است .

نویسنده پست
شنبه ، 16 می 2015     5:20 ب.ظ #


hadi khalaj

Subscriber
18 پست33 تاپیک

سلام. دو خصوصیت box-sizing و boder-imag-slice چه کاربردی دارند؟ممنون.

0  تشکر
شنبه ، 16 می 2015     7:54 ب.ظ #


افشین زندی

Subscriber
101 پست8 تاپیک

سلام دوست عزیز.

 

border-image-slice زیاد کاربردی نداره و ساپرت مرورگر ها هم خیلی ازش کمه و درکل توصیه نمیشه استفاده کنید ولی در کل کاری که میکنه اینه که پترن و عکسی که طراحی کردید رو با توجه به ویژگی هایی که بهش میدید تکرار میکنه .برای درک بهتر این موضوع به این لینک ها سر بزنید

http://www.w3schools.com/cssref/css3_pr_border-image-slice.asp

http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_border-image-slice

اما box-sizing خیلی کاربردیه و تو همه طراحی ها استفاده داره. البته کاربردش وقتی که اینجوری تعریفش کنی

ببینید شما وقتی که به یه عنصر مثلا div یه عرض و ارتفاع میدی و مثلا یه متنی داخلش مینویسی، میبینی که متنت چسپیده به اون div. حالا اگه بخوای یه فاصله ای از داخل بگیره بهش padding میدی. مشکل از جایی شروع میشه که وقتی padding رو دادی ارتفاع یا عرض بسته به جایی که استفاده کردید تغییر میکنه. و برای حل این مشکل باید حساب کنی padding رو و از عرض و ارتفاع کم کنی تا مشکل حل بشه. حالا این box-sizing  میاد این کار رو بجای تو انجام میده و کار شما رو راحت میکنه.

موفق باشی.

4  تشکر
پست 1 تا 2 (از مجموع 2 پست)

برای پاسخ دادن به این تاپیک باید وارد سایت شوید .