Matn xususiyatlari
Download 38.94 Kb.
|
CSS 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; Download 38.94 Kb. Do'stlaringiz bilan baham: |
Ma'lumotlar bazasi mualliflik huquqi bilan himoyalangan ©fayllar.org 2024
ma'muriyatiga murojaat qiling
ma'muriyatiga murojaat qiling