O'tkazish chiziqlari - bu vertikal va gorizontal chiziqlar, vertikal yoki gorizontal ravishda tarkibni siljitish uchun mo'ljallangan, derazaning pastki qirralari yoki deraza ichidagi alohida maydon. Veb-sahifalarda tashqi ko'rinishini va xatti-harakatlarini boshqarish uchun HTML-ga kiritilgan Cascading Style Sheets (CSS) elementlari ishlatiladi.
Ko'rsatmalar
1-qadam
Agar aylantirish panelini butun sahifa uchun emas, balki faqat uning cheklangan maydoni uchun qilishni xohlasangiz, div yorlig'idan foydalaning. HTML-da (HyperText Markup Language) "teglar" brauzerning ma'lum bir sahifa elementini aks ettirish uchun alohida buyruqlarini bildiradi. Oddiy shaklda div yorlig'i (ko'pincha "qatlam" deb nomlanadi) quyidagicha yoziladi:
Bu qatlam ichidagi matn
Mana ochilish yorlig'i va yopilish yorlig'i. Ochilish va yopish teglari orasiga qo'yilgan hamma narsa idishda bo'lgani kabi qatlamda bo'ladi va bu idishni o'lchamini - kenglik va balandlikni belgilash mumkin. Bu ochilish yorlig'iga qo'shilishi kerak bo'lgan qo'shimcha parametr ("atribut") uslubi yordamida amalga oshiriladi:
Bu qatlam ichidagi matn
2-qadam
Div yorlig'ining uslub atributini va qatlamning o'tish satrlari qoidalarini ham qo'shing:
Bu qatlam ichidagi matn
Bu erda to'ldirish: avtomatik degani, o'tish satrlari avtomatik ravishda paydo bo'ladi, ya'ni qatlam tarkibi belgilangan o'lchamlarga mos kelmaydi. Agar avtoulov aylanma bilan almashtirilsa, ular kerak bo'ladimi yoki yo'qligidan qat'i nazar, ushbu chiziqlar doimo mavjud bo'ladi. Yashirin qiymat teskari ta'sirga ega bo'ladi - bu konteyner ichidagi narsalar uning chetidan ko'rinmasa ham, aylantirish hech qachon ko'rinmaydi.
3-qadam
Sahifaga aylantirish satrlarini qo'shish uchun xuddi shunday usuldan foydalaning. Odatiy bo'lib, ular kerak bo'lganda paydo bo'ladi, ammo agar biron sababga ko'ra ularning doimiy ravishda sahifada bo'lishiga ehtiyoj bo'lsa, u holda html-kod manbaiga tegishli uslub qoidasini qo'shish kerak. Sahifa kodidan hujjat boshining yopilish yorlig'ini toping va uning oldiga ushbu uslubiy ko'rsatmalarni yozing:
body {overflow: scroll;}
