Internet Derazalar Android
Kengaytirmoq

Matnni tekislash xususiyati qanday qiymatlarni olishi mumkin. Bezak matni CSS bilan

Salom, aziz blogi o'quvchilari veb-sayti. Ushbu maqolada biz CSS uslubini belgilash uslublari asoslarini o'rganishni davom ettiramiz va HTML matni dizayniga mo'ljallangan vertikal, matnli tekislik, matnli yo'nalishda va boshqa ba'zi bir qismini ko'rib chiqamiz.

CSS-dan foydalanib matnni tekislash

Keling, matnli elementlardagi matnli xususiyatlarning uslub atributlaridan boshlaylik. Dastlabki atributni almashtirish (P) kabi HTML elementlarining tarkibini muvofiqlashtirish uchun ishlatiladigan matnni tekislash xususiyati bilan boshlaylik.

Mulk uslubi matnni tekislang. Belgilamoq gorizontal matnni tekislashva faqat to'rtta qiymat:

Ushbu qoidaning mavjud qiymatlari mos ravishda quyidagilarni belgilaydi: chap tomonda - chap tomonda - o'ng tomonga, markazda - markazda - sahifaning kengligi (chap va o'ng tomonda) so'zlar orasidagi masofaning ko'payishi). Masalan, ushbu moddaning matni matnning kengligiga teng (agar siz hatto chap va o'ng va o'ng tomonda bo'lsa ham): Rasmiy a'lis orqali quyidagilar yordamida: qoidani oqlash.

Odatiy bo'lib, gorizontal tekislash chap qirrada amalga oshiriladi, shuning uchun agar boshqa elementlarda boshqa xilma-xillik ko'rsatilmagan bo'lsa, chap tomoni kerak emas.

Xususiyatlardan foydalanish misollari:

Quyidagi CSS mulki matn-identifikator. Belgilamoq chekinmoqMasalan, P.-paragraf yorlig'idagi matn uchun Ushbu qoida, shuningdek, matnga muvofiq ravishda faqat blok bloklari uchun qo'llaniladi. Sintaksis:

Bu erda mutlaq va nisbiy miqdorlar kiritilgan. Mutlaq qiymatlari (px - piksel, EM, EX, EX va boshqalar) ortiqcha belgisi va minus belgisi bilan ko'rsatilishi mumkin. Nisbiy qiymati odatda foiz (%). Nisbiy qiymati matnga tayinlangan hududning kengligidan hisoblanadi. Shunday qilib, CSS matnli ma'lumotnoma: 50% bu chiziqning uzunligi yarim uzunligiga teng qizil satrning yarmiga teng. Odatiy bo'lib, "qizil satr" yozuvi nolga teng. Misol:

Keyingi, vertikal tekislash - mulkni ko'rib chiqing o'tgach. Ushbu mulk barcha HTML elementlari uchun allaqachon qo'llaniladi va deyarli har bir kishi kichik harflarni ularning bazasi bo'yicha tegishli matn bilan moslashtirishni anglatadi. Barcha tarkib barcha tarkibni vertikal bilan tenglashtiradigan TD va Teg teglar bilan qo'shimcha ravishda. Sintaksis:

Har bir qiymatni ko'rib chiqing. Ko'proq o'qing:

  • ota elementining asosiy satrida matnli bo'laklarni tekislash. Bu standart qiymati;
  • sub-matnli parcha, pastki indeks yoki ota-ona elementi uchun almashtirish shaklida tasvirlangan;
  • super - matnli parcha, eng yaxshi indeks yoki ota-ona elementiga qoyil qolish shaklida tasvirlangan;
  • yuqoridagi matnning parchalanishini ota-ona elementi yuqori chetidagi tekislash;
  • matn-TOP - parchani ota-ona elementi matnining yuqori chetida tekislash;
  • o'rta - ona elementi markazidagi matnli bo'laklarning markazini tekislash;
  • pastki - matnli qismning pastki chetidagi pastki qismni tekislash;
  • matn-pastki - parchani ota-ona elementi matnining pastki chetida tekislash;

Quyidagi rasmda siz Internet Explorer 11 brauzerida vertikal tekislikda ishlatiladigan mulkning turli qiymatlari bo'yicha test qismlarining harakatlarini ko'rishingiz mumkin:

Yuqoridagi qiymatlarga qo'shimcha ravishda siz raqamli qiymatlarni belgilashingiz mumkin. Shunday qilib, CSS vertikal tomon yo'nalishi: 0 qoida vertikal jihatidan tekislash: bazaviy yozuvlar yozish bilan bir xil degani bo'ladi. Va vertikal ravishda tekislash qoidasi: 10px matnni dastlabki 10 pikselga aylantiradi. Ofset matniga qiymatni minus bilan belgilash kerak.

Shift shuningdek o'lchov birliklarida, masalan, em va sobiq yoki foizda belgilanishi mumkin.

Vertikal tekislikda, foydalanish qiymatlari bo'yicha jadval hujayralarining tarkibini vertikallashtirish uchun:

  • yuqori - hujayraning yuqori chegarasi tarkibini tekislash;
  • pastki qism - hujayraning pastki qismidagi tarkibni tekislash;
  • o'rta - hujayra markazida joylashgan (standart ishlatilgan).

Istalgan natijaga erishish uchun odatda vertikal-tekislikdagi xususiyat qiymatlarining turli xil qiymatlari bilan tajriba o'tkazish kerak. Ko'plab mumkin bo'lgan qadriyatlar turli xil holatlarda juda boshqacha natijalarga olib keladi.

Oq rangli va Word-WripApp parametrlari satr yorilishini boshqarish

HTML sahifasida kosmik belgilarni namoyish qilish uchun javob beradigan navbat optionsi.

Biz bilganimizdek, sukut bo'yicha brauzer butun ketma-ket bo'shliq belgilarini birlashtiradi: bo'sh joy, struktsiya va yorliq ramzlari, bir joyda. Istisno "Oldindan" yorlig'iUnga joylashtirilgan matnda barcha bo'shliqlar mavjud.

Oq bo'shliq mulk quyidagi sintaksisga ega:

Odatiy qiymat normal qiymat ishlatilishi aniq, yuqorida tavsiflangan barcha narsalar birlashtirilgan barcha shartnomalar birlashtiriladi va torlarning uzatilishi avtomatik ravishda o'rnatiladi.

"Oldindan" qiymatidan foydalanib, "oldindan" yorliqdan foydalanganda to'liq o'xshashlik bo'ladi. Brauzer barcha qo'shimcha bo'shliqlarni hisobga olgan holda sahifani ko'rsatadi, chunki ular ishlab chiquvchi tomonidan qo'shilgan. Agar matnli satr juda uzun bo'lsa, gorizontal aylanuv paneli qo'shiladi.

Nowrap qiymatida satrlarni va matnni bitta satrda o'tkazishi uchun brauzerni taqiqlaydi. Yagona bittasi "BR" yorlig'ini qo'shish, matnni yangi satrga o'tkazishga imkon beradi.

Oldindan belgilangan qiymat satrlarning bo'shliqlari va to'plamlarining barcha ketma-ketligini saqlaydi, ammo agar satr belgilangan joyga joylashtirilmasa, brauzer matnni yangi satrga o'tkazadi.

Xo'sh, to'g'ridan-to'g'ri qiymat bo'sh joyni bitta joyga aylantiradi, satr tarjimalari saqlanadi va brauzer gorizontal aylanmaslik uchun juda uzoq iplarni sindira oladi.

Foydalanish namunasi:

Keyingi, ko'rib chiqing word-WriApp parametrQaysi bir pits qo'yilmaydigan joyga joylashtirilmagan yoki yo'q. Ushbu mulk ko'pincha ishlatilmaydi, lekin ba'zida bu qila olmaydi:

word-WRAP: Oddiy | Burilish so'zi

Oddiy qiymat brauzerni faqat bo'sh joylarga bo'linishi mumkinligi va bu brauzerning odatiy xatti-harakati ekanligini ko'rsatadi. Va tanaffus-so'z qiymati brauzerga so'zlar ichidagi qatorlarni kiritishga imkon beradi. Misol:

Soya parametrlari matn - matnli soya mulki

CSS3 standartidagi turli bezaklarni sevuvchilar uchun matnda soyada so'rash mumkin. Matn-soyali mulkdan malakali foydalanish veb-sahifani sezilarli darajada qayta tiklashga imkon beradi. Sintaksis:

Hech qanday qiymat matnning qo'shimchalarini olib, sukut saqlaydi.

Rang soyasi Mavjud CSS formatini o'rnatadi va majburiy parametr emas. Odatiy bo'lib, soyaning rangi matnning rangiga to'g'ri keladi.

Gorizontal soya siljishi Qo'llab-quvvatlanadigan CSS o'lchov birligida belgilashingiz mumkin. Ijobiy qiymat bilan soya matnning o'ng tomonida, salbiy - chapga. Nol qiymat matn ostida soyani to'g'ri chiqaradi va soya xiralashgan bo'lsa, mantiqiy.

Vertikal soya siljishi Qo'llab-quvvatlanadigan CSS o'lchash birligida siz ham spetsifikatsiya qilishingiz mumkin. Ijobiy qiymat bilan soya matndan pastda, salbiy - yuqorida. Nol qiymati soyani matn ostida joylashtiradi.

Har qanday o'lchov to'plamining har qanday bo'limida va soyali loy radiusi. Ushbu qiymat qanchalik ko'p bo'lsa, shunchalik kengroq qattiqroq bo'ladi va qattiqroq bo'ladi. Agar ushbu parametr o'rnatilmagan bo'lsa, loyning qiymati nolga teng. Silliqma algoritm odatda turli xil brauzerlardan farq qiladi, soyaning turi brauzerga qarab biroz farq qilishi mumkin.

Modul CSS matni Manba matnini formatlangan va uzatish uchun formatlangan qatorlarga boshqaradigan CSS funktsiyalarini tavsiflaydi. CSS turli xil xususiyatlari registraturani o'zgartirish, bo'shatish, uzatish qoidalari va matn uzatish va liniyalar va chiziqlar va yozuvlarni boshqarish ustidan nazoratni ta'minlaydi.

Matnning asosiy birligi ramz. Biroq, yozma tizimlar har doimgidek oddiy emas, chunki bu belgi aslida bu atama ishlatilgan kontekstga bog'liq. Masalan, Koreyaning yozish tizimida, haroratli bo'g'inni ko'rish (masalan, 한 \u003d han) ramz deb hisoblash mumkin. Biroq, kvadrat belgisi haqiqatan ham bir nechta harflardan iborat bo'lib, ularning har biri kelib chiqishi (masalan, ㅎ \u003d ㅎ \u003d ㅏ \u003d n, ㄴ \u003d n) va ularning har biri ham ramz deb hisoblanishi mumkin.

1. Matnni qayta ishlash: Matn-transrikitar mulk

Matnni o'zgartiradigan mulk stilistlari matnli matn. Bu asosiy tarkibga ta'sir qilmaydi va nusxa ko'chirish operatsiyasining mazmuniga ta'sir qilmasligi kerak va oddiy matnni joylashtirmasligi kerak.

Mulk meros qilib olingan.

Sintaksis

Matnni o'zgartirish: yo'q; Matnni o'zgartirish: bosh harflar; Matnni o'zgartirish: katta harf; Matnni o'zgartirish: kichik harf; Matnni o'zgartirish: meros olish; Matnni o'zgartirish: boshlang'ich;

2. Ishlov berish joylari va satr o'tkazmalari: oq-bo'sh joy mulki

Oq bo'shliq mol-mulk elementlar ichidagi so'zlar va uzatish liniyalari orasidagi bo'sh joyni.

Mulk meros qilib olingan.

oq bo'shliq.
Qiymatlar:
Normal Standart qiymati. So'zlar orasida faqat bitta bo'sh joy qo'yilgan, qo'shimcha joylar tashlanadi. Matn faqat kerak bo'lsa, faqat uzatiladi.
Yangilamoq Satr o'tkazmalarini taqiqlaydi, arizadan tashqari
.
Oldindan. Matndagi bo'sh joylar e'tiborga olinmaydi, brauzer qo'shimcha joylar va chiziqlar aks etadi.
oldindan o'ram Matndagi bo'shliqlarni matnda saqlaydi, qatorlar kerak bo'lganda qatorlar paydo bo'ladi.
Oldingi chiziq Qo'shimcha bo'shliqlarni olib tashlaydi, hollarda hollarda
.
Bo'shliq bo'shliqlar. Xulq-atvor faqat oldindan o'ralgan, bundan mustasno, faqatgina amalga oshirilmagan bo'shliqlarning ketma-ketligi har doim bo'lib o'tadi, shu jumladan chiziq oxirida; Har bir asossiz maydondan keyin, shu jumladan bo'sh joylar oralig'ida qatorlar mavjud.
boshlang'ich
meros qilib oling.

Sintaksis

Oq bo'shliq: normal; Oq fazion: yangi; Oq bo'shliq: oldindan; Oq bo'shliq: oldindan o'rash; Oq bo'shliq: oldingi chiziq; Oq bo'shliq: buzilish bo'shliqlari; Oq bo'shliq: meros olish; Oq bo'shliq: boshlang'ich;

3. Tab sozlamalari: yorliq o'lchami

Tab o'lchamidagi mol-mulk yorliqning qiymatini o'zgartirish uchun ilova tugmachasidan foydalanib o'zgartirish uchun ishlatiladi. Mulk qiymatlari uchgacha bo'lgan uchta qiymatlardan biri, normal yoki yangi xususiyatlari oq bo'shliq bo'lsa, mulkiy qiymatlariga e'tibor berilmaydi.

Faqat elementlar uchun ishlaydi