Matn xususiyatlari

Matn xususiyatlari

color – matnni rangini o’zgartirish

Qiymatlari – rang(red, blue,…), 16lik (#12ab34, …) rgb moduli( rgb(255, 2, 22),…)

text-align – matni joylashuvini o’zgartirish

qiymatlari- center, left, right, justify

direction - elementning matn yo'nalishini o'zgartirish uchun foydalanish mumkin.

Qiymatlari - rtl: yo'nalishni o'ngdan chapga belgilaydi.

ltr (standart): yo'nalishni chapdan o'ngga belgilaydi, bu ham standart yo'nalish.

initial - Xususiyatni asl qiymatiga o'rnatadi.

inherit – ota stildan voris oladi

unicode-bidi - elementning matn yo'nalishini o'zgartirish uchun foydalanish mumkin.

Qiymatlari - bidi-override, embed, normal, inherit

vertical-align – matni vertikal joylashuvini o’zgartirish

qiymatlari – top, middle, bottom

text-decoration - matnni bezaklarni o'rnatish yoki olib tashlash uchun ishlatiladi.

Qiymatlari – none, overline, line-through, underline

text-tranform - matnda katta va kichik harflarni ko'rsatish uchun ishlatiladi. Qiymatlari – uppercase, lowercase, capitalize

text-indent - matnning birinchi satrining indentatsiyasini aniqlash uchun ishlatiladi: qiymatlari – pxlarda

letter-spacing - matndagi belgilar orasidagi bo'shliqni aniqlash uchun ishlatiladi. Pxlarda aniqlanadi.

Line-height - qatorlar orasidagi bo'shliqni aniqlash uchun ishlatiladi

word-spacing - Matndagi so'zlar orasidagi bo'shliqni belgilash uchun so'zlar oralig'i xususiyati ishlatiladi.

white-spacing - element ichidagi bo'sh joyni qanday ishlashini belgilaydi. Qiymatlari – normal, nowrap, pre, pre-line, pre-wrap

text-shadow - Oddiy foydalanishda siz faqat gorizontal soyani va vertikal soyani belgilaysiz.  text-shadow: 2px 2px 5px red;

Ustunlar bilan ishlash(Columns)

column-count - elementga bo'linishi kerak bo'lgan ustunlar sonini belgilaydi.

column-count: number|auto|initial|inherit;

column-fill - ustunlarni qanday qilib muvozanatli yoki muvozanatsiz to'ldirishni belgilaydi.

column-fill: balance|auto|initial|inherit;

column-gap - ustunlar orasidagi bo'shliqni aniqlaydi.

column-gap : length|normal|initial|inherit;

column-rule - ustunlar orasidagi qoidaning kengligi, uslubi va rangini belgilaydi.

Ushbu xususiyat quyidagilar uchun stenografik xususiyatdir:

column-rule-width

column-rule-style

column-rule-color

Agar ustun-qoida-rang chiqarib tashlansa, qo'llaniladigan rang matnning rangi bo'ladi.

column-rule: column-rule-width column-rule-style column-rule-color|initial|inherit;

column-span - element qancha ustunni qamrab olishi kerakligini belgilaydi.

column-span: none|all|initial|inherit;

column-width : ustun kengligini belgilaydi.

column-width: auto|length|initial|inherit;

columns – ustunlar sonini belgilaydi.

columns: auto|column-width column-count|initial|inherit;

clear - elementlarning qaysi tomonlarida suzishga ruxsat berilmaganligini aniqlaydi.

clear: none|left|right|both|initial|inherit;

cursor - .alias {cursor: alias;}
.all-scroll {cursor: all-scroll;}
.auto {cursor: auto;}
.cell {cursor: cell;}
.context-menu {cursor: context-menu;}
.col-resize {cursor: col-resize;}
.copy {cursor: copy;}
.crosshair {cursor: crosshair;}
.default {cursor: default;}
.e-resize {cursor: e-resize;}
.ew-resize {cursor: ew-resize;}
.grab {cursor: grab;}
.grabbing {cursor: grabbing;}
.help {cursor: help;}
.move {cursor: move;}
.n-resize {cursor: n-resize;}
.ne-resize {cursor: ne-resize;}
.nesw-resize {cursor: nesw-resize;}
.ns-resize {cursor: ns-resize;}
.nw-resize {cursor: nw-resize;}
.nwse-resize {cursor: nwse-resize;}
.no-drop {cursor: no-drop;}
.none {cursor: none;}
.not-allowed {cursor: not-allowed;}
.pointer {cursor: pointer;}
.progress {cursor: progress;}
.row-resize {cursor: row-resize;}
.s-resize {cursor: s-resize;}
.se-resize {cursor: se-resize;}
.sw-resize {cursor: sw-resize;}
.text {cursor: text;}
.url {cursor: url(myBall.cur),auto;}
.w-resize {cursor: w-resize;}
.wait {cursor: wait;}
.zoom-in {cursor: zoom-in;}
.zoom-out {cursor: zoom-out;}

Font xususiyati

font-family - element uchun shriftni belgilaydi.

font-family: family-name|generic-family|initial|inherit;

family-name:”Arial”, “Calibri”, …

generic-family: serif", "sans-serif", "cursive", "fantasy", "monospace"

font-feature-settings - OpenType shriftlarida rivojlangan tipografik xususiyatlarni boshqarish imkonini beradi.

font-feature-settings: normal|feature-value(string [1|0|on|off]);

font-kerning - shriftda saqlangan kerning ma'lumotidan foydalanishni boshqaradi.

font-kerning: auto|normal|none;

font-size - shrift o'lchamini belgilaydi.

font-size:medium|xx-small|x-small|small|large|x-large|xx-large|smaller|larger|length|initial|inherit;

font-size-adjust - sizga birinchi tanlangan shrift mavjud bo'lmaganda shrift hajmini yaxshiroq boshqarish imkonini beradi.

font-size-adjust: number|none|initial|inherit;

font-stretch - matnni tor (quyultirilgan) yoki kengroq (kengaytirilgan) qilishga imkon beradi.

font-stretch: ultra-condensed|extra-condensed|condensed|semi-condensed|normal|semi-expanded|expanded|extra-expanded|ultra-expanded|initial|inherit;

font-style - matn uchun shrift uslubini belgilaydi.

font-style: normal|italic|oblique|initial|inherit;

font-variant - matn kichik harfli shriftda ko'rsatilishi yoki ko'rsatilmasligini belgilaydi.

font-variant: normal|small-caps|initial|inherit;

font-variant-caps - bosh harflar uchun muqobil gliflardan foydalanishni boshqaradi.

font-weight - matndagi qalin yoki ingichka belgilar qanday ko'rsatilishini belgilaydi.

font-weight: normal|bold|bolder|lighter|number|initial|inherit;

p.normal {font-variant-caps: normal;}
p.small {font-variant-caps: small-caps;}
p.allsmall {font-variant-caps: all-small-caps;}
p.petite {font-variant-caps: petite-caps;}
p.allpetite {font-variant-caps: all-petite-caps;}
p.unicase {font-variant-caps: unicase;}
p.titling {font-variant-caps: titling-caps;}

font-variant-caps: normal|small-caps|all-small-caps|petite-caps|all-petite-caps|unicase|titling-caps|initial|inherit|unset;