LIST

Դաս առաջին

LIST-STYLE հատկությունը

list-ը այսինքն ցուցակը տալիս է հնարավորութուն ցուցակի էլեմենտների առաջը դնել մարկերներ:
Սրա շնորհիվ կարող ենք սահմանել մարկերի տիպը, դիրքը, նաև որպես մարկեր՝ նկար:

list-style -ը կարճգրություն է: Այն պարունակում է list-style-type,
list-style-position և list-style-image հատկությունները:

Չկարգավորված ցուցակի համար (unordered list) պետք է օգտագործել disc, circleև square:
Կարգավորված ցուցակի համար (ordered list) պետք է կիրառել decimal, lower-alpha,
upper-alpha, lower-roman, upper-roman և այլն:

Բայց պետք է իմանալ, որ CSS1, CSS2 և CSS3 ենթադրում են
հնարավոր տարբեր արժեքներ:

Հնարավոր արժեքներն են.
list-style-type: decimal;
list-style-type: lower-alpha;
list-style-type: lower-roman;
list-style-type: upper-roman;
list-style-type: none;

LIST-STYLE-TYPE

Հնարավոր արժեքներն են.
list-style-type: decimal;
list-style-type: lower-alpha;
list-style-type: lower-roman;
list-style-type: upper-roman;
list-style-type: none;

list-style-type: disc;
list-style-type: circle;
list-style-type: square;
list-style-type: armenian;
list-style-type: cjk-ideographic;
list-style-type: decimal-leading-zero;
list-style-type: georgian;
list-style-type: hiragana;
list-style-type: hiragana-iroha;
list-style-type: hebrew;
list-style-type: katakana;
list-style-type: katakana-iroha ;
list-style-type: lower-greek;
list-style-type: arabic-indic;
list-style-type: bengali;
list-style-type: cjk-earthly-branch;
list-style-type: cjk-heavenly-stem;
list-style-type: devanagari;
list-style-type: ethiopic-abegede;
list-style-type: ethiopic-halehame;
list-style-type: ethiopic-numeric;
list-style-type: gujarait;
list-style-type: gurmukhi;
list-style-type: hangul;
list-style-type: japanese-formal;
list-style-type: japanese-informal;
list-style-type: malayalam;
list-style-type: persian;
list-style-type: simp-chinese-formal;
list-style-type: simp-chinese-informal;
list-style-type: telugu;
list-style-type: thai;
list-style-type: trad-chinese-formal;
list-style-type: trad-chinese-informal;
list-style-type: urdu;

LIST-STYLE-POSITION

list-style-position: inside;
list-style-position: outside;

LIST-STYLE-IMAGE

list-style-image: url( );