پس زمینه و حاشیه ها در سی اس اس

پس زمینه و حاشیه ها

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

در این فصل با ویژگی های مربوط به زیباسازی پس زمینه و حاشیه های یک عناصر آشنا خواهیم شد.

 
در مرحله اول سراغ پس زمینه عناصر می رویم. ویژگی های مربوط آن را می توانید به ترتیب زیر فرا بگیرید:

background-color background-image background-repeat background-size background-position background-origin background-clip background-attachment background

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

border

 

جالب است بدانید که می توان گوشه های یک مربع و یا مستطیل را در سی اس اس گرد یا محنی کرد که این کار توسط ویژگی زیر انجام می شود:

border-radius

همینطور می توان برای عنصر حاشیه تصویری ساخت که برای یادگیری نحوه انجام این کار باید ویژگی مربوطه را مطالعه کنید. توجه داشته باشید که در مطلب زیر چندین ویژگی دیگر معرفی شده اند که باید آنها نیز با دقت بررسی شوند:

border-image

و در آخر باید با ویژگی outline آشنا شویم:

outline