background - bu property yuqorida ko'rsatilingan hamma qiymatlarni umumiy holda bitta qilib yozib olish uchun qulaylik yaratish maqsadida ishlatiladi, masalan ushbu CSS kodga e'tibor bering:
background: #ffffff url(002.jpg) no-repeat center center; bu holda orqaga qora rang berib, rasmni asl holatini yuklab, keyin gorizontal va vertikal yo'nalish bo'yicha markazga joylanyapti. ushbu holat yuqorida (l) misolda ko'rsatilingandir. Kiritgan CSS qiymatlarizni HTML o'zi aftomatik tarzda o'qiydi va nima demoqchi ekanligizi qiymatlardan ajrata oladi. Quyida to'liq CSS kodi berilgandir:
.l { background: #ffffff url(002.jpg) no-repeat center center;}
Quyida HTML bilan CSS kodlarni equivalent (bir-birini o'rnini bosa oladigon) yozilish holati misoli keltirilgandir, ikkala holat ham bir hil natija beradi, farqi CSS yordamida siz bitta website ingizni kamida 20 ta sahifasi bo'lsa hammasini qismi ichiga ushbu kodlarni kiritib chiqishingiz shart bo'lmaydi.
HTML kod
CSS kod
body {
background-image: url(rasm.jpg);
color: #FFFFFF;
background-color: #000000;
}
Mashq: Quyidagi background-image larni o'zingizga yuklab olib huddi shu ko'rinishda jadval ichiga joylashtiring, jadval border="0" qilib oling. Keyin bu rasmlar ustida yuqorida o'tilgan qoidalar bo'yicha har hil amallarni mustaqil bajarib chiqing.
3-DARS: Border Property
HTML kodlari yordamida tuzilgan jadvallarga biroz ishlov berish kerak bo'ladi, va bu holda CSS ning Border property si juda qo'l keladi. Yani, HTML shunchaki jadval tuzsa, u javalning chiziqlari turi, rangi, qalinligi va boshqa ishlovlar beriladi. Ishlovlar jadvalning har tamoni uchun alohida ham berish mumkindir. Buning uchun jadvalning qaysi tamoniga qanday ishlov berilishini ko'rsatsangiz bo'lgani. Border chegara deganidir. Quyidagi barcha funksiyalarni Internet Explorer 8.0 da o'rganish tafsiya etiladi. Agar kutilmagan natijaga biror holatda erishilmaganini sezsangiz boshqa browserlarda ochib ko'ring albatta natijaga erishasiz.
Avvalo jadvalga umumiy ishlov berishni ko'rib chiqamiz.
border: ; - property ning valusi (:qiymati;) jadvalning hamma chiziqlari uchun o'rinlidir.
border:#ffff00; - # belgisidan keyin qo'yilgan istalgan Hexa kod jadvalni rangini belgilaydi. border:yellow; deb ham belgilash mumkindir. Uning uchun avvalo
bo'lishi kerak bo'ladi,
bo'lsa jadvalimiz chiziqlari yo'q degani shuning uchun rang berishdan ma'no yo'q.
