CSS stol hujayralarida keltirilgan ko'rsatkichlar. Sahifaning chetidagi yozuvlardan yoki qanday qilib bekor qilish kerak
Tana stoli bor. Tana qator va ustunlardan iborat. Stolga to'ldirilgan.
Har bir teg
Yangi satrni yaratadi. Keyingi joylarda
Ustunlar yaratiladi. Siz juda ko'p ustunlarni yaratishingiz mumkin. Bunday holda, siz har bir qatordagi ustunlar sonini kuzatishingiz kerak. Masalan, birinchi qatorda 5 ta ustun bo'lsa, unda quyidagi satrlarda 5 ta ustun bo'lishi kerak. Aks holda, stol yelkanlari. Hujayralarni birlashtirish mumkin.
HTML-da stolni qanday qilish kerak
Keling, misol keltiraylik, HTML-kod:
Namunaviy stol
1-ustun.
2-ustun.
Kameraga e'tibor bering
. Biz gorizontal hujayralarni birlashtirish uchun biz ColSpan maxsus atributidan foydalanamiz. Uning raqamli qiymat birlashgan ustunlar sonini ko'rsatadi. Ushbu atributning analoglari ham mavjud: teg
(Jadval sarlavhasi), bu erda siz kollepanni ro'yxatdan o'tkazishingiz kerak. Natija bir xil bo'ladi. Ammo ko'pincha odatdagi td-dan foydalaning.
Endi barcha yorliqlar atributlarini batafsil ko'rib chiqing
.
Atributlar va teg xususiyatlari
Ochilish yorlig'iga
Siz turli atributlarni buyurishingiz mumkin.
1. Allage \u003d "Parametr" mulk - jadvalni tekislashni belgilaydi. Quyidagi qiymatlarni olishi mumkin:
O'smirlikdagi bir misolda biz aldamizning markazidagi stolga tenglashtirilgan \u003d "markaz".
Ushbu atribut nafaqat stolga, balki jadvalning individual jadvallariga ham qo'llanilishi mumkin.
yoki torlar
. Shunday qilib, turli xil hujayralarda tekislash boshqacha bo'ladi.
masalan
...
...
...
2. Mulk fonida \u003d "URL" - fon rasmini o'rnatadi. URL manzili o'rniga fon rasmining manzili yozilishi kerak.
Misol
Namunaviy stol
1-ustun.
2-ustun.
Keyingi sahifaga aylantirilgan:
Tekshirilgan misolda, bizning fon qiyofamiz IMG papkasida joylashgan (HTML sahifasi kabi birlashtirilgan) va rasm Fon.GIF deb ataladi. Shuni esda tutingki, biz sizga uslubda \u003d "rangi: oq;" . Fon deyarli qora rangga ega ekanligi sababli, matnni fon bilan birlashtirmasligi uchun biz matnni oqlashtirdik.
3. Mulk BGColor \u003d "Rang" - jadvalning rang fonini o'rnatadi. Rang sifatida siz butun palitrani tanlashingiz mumkin (kod va sarlavhalarga qarang HTML ranglariga qarang)
4. Chegara \u003d "Raqam" mulk - jadvalning qalinligini o'rnatadi. Oldingi misollarda biz chegaraga ishora qildik \u003d "1", bu freymning qalinligini anglatadi - 1 piksel.
5. ChegaraGolor \u003d "Rang" mulk - ramka rangini o'rnatadi. Agar chegara \u003d "0" bo'lsa, ramka ramkasining rangi mantiqiy bo'lmaydi.
6. HomePading Mult \u003d "Raqam" - maydondan pikselda katlanadigan joy.
7. Uyali telefon raqami \u003d "Raqam" - pikselda hujayralar orasidagi masofa.
8. Mulk Cols \u003d "Raqam" bu ustunlar sonidir. Agar buni aniqlasangiz, brauzerning o'zi ustunlar sonini aniqlaydi. Faqat farq shundaki, ushbu parametrning spetsifikatsiyasi jadvalni yuklab olish ehtimoli ko'proq.
9. Mulk ramk \u003d "parametr" - jadval atrofidagi chegaralarni qanday ko'rsatish mumkin. Quyidagi qiymatlarni olishi mumkin:
bo'sh - chegaralarni jalb qilmang
chegara - stol atrofida chegara
yuqorida - stolning yuqori chetida chegara
quyida - stolning pastki qismidan chegara
hSELAR - faqat gorizontal chegaralarni qo'shing (stolning yuqori va pastki qismini)
vsesid - faqat vertikal chegaralarni chizish (chap va o'ngdan stoldan)
rHS - chegara faqat stolning o'ng tomonida
lhs - chegara faqat stolning chap tomonida
10. Balandlik \u003d "Raqam" mulk - jadvalning balandligini belgilaydi: yo pikselda yoki foizda.
11. Mulk qoida \u003d "parametr" - bu erda hujayralar orasidagi chegaralarni ekish kerak. Quyidagi qiymatlarni olishi mumkin:
hammasi - satr har bir hujayralar stol atrofida tortadi
guruhlar - chiziq teglar bilan shakllangan guruhlar o'rtasida aks etadi. , , ,
yoki
cols - liniya ustunlar orasida aks etadi
hech biri - barcha chegaralar yashirin
qatorlar - chegara yorliq orqali yaratilgan jadval qatorlari o'rtasida chizilgan
12. Kenglik \u003d "Raqam" mulk - jadvalning kengligini belgilaydi: yo piksel yoki foizda.
13. Sinf mulki \u003d "Sinf nomi" - siz jadvalning nomini jadvalga muvofiqligini ko'rsatishingiz mumkin.
14. Style Mulk \u003d "Sog'liqlar" - uslublar har bir jadval uchun individual ravishda o'rnatilishi mumkin.
Endi stolga o'zingizni moylash va jadval hujayralarining sifatlarini ko'rib chiqish vaqti keldi. Ushbu atributlar kashfiyot yorlig'ida yozishlari kerak
.
Atributlar va xususiyatlar
va
1. Mulkni tekislang \u003d "parametr" - alohida jadvaldagi hujayraning uyg'unligini o'rnatadi. Quyidagi qiymatlarni olishi mumkin:
chap - chap chetiga tekislash
markaz - markaziy hizalanish
o'ng tomonda o'ng qirrali tekislash
2. Orqa fon \u003d "URL" mulk - uyali fon rasmini o'rnatadi. URL manzili o'rniga fon rasmining manzili yozilishi kerak.
3. BGCOLOR \u003d "Rang" mulk - hujayra fonining rangini belgilaydi.
4. ChegaraGolor \u003d "Rang" mulk - hujayra ramkasining rangini o'rnatadi.
5. Char \u003d "Xat" mulki - siz oldindan tekislashingiz kerak bo'lgan xatni o'rnatadi. Yengil atribut qiymati char sifatida o'rnatilishi kerak.
6. Colspan \u003d "Raqam" mulk - gorizontal hujayralar sonini belgilaydi.
7. Balandlik \u003d "Raqam" mulk - jadvalning balandligini belgilaydi: yo piksel yoki foizda%.
8. Kenglik \u003d "Raqam" mulk - jadvalning kengligini belgilaydi: yo piksel yoki foiz holatida.
9. RooSPan \u003d "Raqam" mulk - Yunayted vertikal hujayralar sonini belgilaydi.
10. Mulk Vienn \u003d "parametr" - vertikal hujayraning tarkibini tekislang.
yuqoridan - hujayraning yuqori chetidagi hujayraning tarkibini tekislang
o'rta - o'rtadagi tekislash
pastki qismida
boshlang'ich - bazani tekislash
1-eslatma.
Yorliq uchun
Bir xil parametrlar uchun mavjud
. Bir yorliq uchun parametrlar
hammaga ierarxik ravishda qo'llaniladi
uning ichida
Stoldagi hujayralarning chegaralarni qanday qilib qo'yish kerak edi
Chegara (hujayralar chegarasi) va hujayralar orasidagi nol ko'rsatkichlardan foydalangan holda, ular hali ham yarqiragan va u ikki tomonlama chegaradir. Buning oldini olish uchun siz uslublar jadvalida ro'yxatdan o'tishingiz kerak: yiqilib qulab:
...
Hurmatli o'quvchi, endi siz HTML jadval yorlig'i haqida ko'proq bilib oldingiz. Endi men sizga keyingi darsga borishni maslahat beraman.
CSS sizga nafaqat stol chegarasi uslubini, balki individual hujayralarning chegaralari uslubini o'rnatishga imkon beradi. Har bir hujayrada uning chegaralari bor, keyin qo'shni hujayralar orasida chegara ikki tomonlama olinadi. Ammo qo'shni hujayralarning chegaralarni birida birlashtirish imkoniyati mavjud. Buning uchun chegara qulashi xususiyati mavjud. Bu qiymatlarni oladi:
chegara qulashi: alohida - har bir hujayra o'z chegarasiga ega (standart)
chegara qulashi: qulash - umumiy chegara
chegara qulashi: meros meros - qiymati ota-ona elementidan olingan
Masalan, stolni yarating va sahifada joylashgan barcha jadvallardagi hujayralarni o'rnating. Avvaliga biz stol qanday ko'rinishini ko'rish uchun hech narsani o'zgartira olmaymiz: