2
Proprietati pentru liste list-style-type Value: disc | circle | square | decimal | lower- roman | upper-roman | lower-alpha | upper-alpha | none Initial: disc Se aplicã la: toate elementele cu 'display' setatã 'list-item' Mostenita: da Valori procentuale: nu sunt permise. Proprietatea este utilizata pentru a determina aparenta marcajului de element de lista in cazul in care proprietatea 'list-style-image' este 'none' sau imaginea vizata prin URL nu poate fi afisata. Exemplu: <html> <head> <style type="text/css"> ul.disc {list-style-type: disc} ul.circle {list-style-type: circle} ul.square {list-style-type: square} ul.none {list-style-type: none} </style> </head> <body> <ul class="disc"> <li>Coffee</li> <li>Tea</li> <li>Coca Cola</li> </ul> <ul class="circle"> <li>Coffee</li> <li>Tea</li> <li>Coca Cola</li> </ul> <ul class="square"> <li>Coffee</li> <li>Tea</li> <li>Coca Cola</li> </ul> <ul class="none"> <li>Coffee</li> <li>Tea</li> <li>Coca Cola</li> </ul> </body> </html> list-style-image Value: <url> | none Initial: none Se aplica la: toate elementele cu 'display' setata 'list-item' Mostenita: da Valori procentuale: nu sunt permise. Prin aceasta proprietate se indica imaginea (precizata prin <url>) care va fi utilizata drept marcaj pentru un element de lista. Atunci cand este disponibila (si accesibila) o asemenea imagine inlocuieste marcajul setat prin 'list-style-type'. Exemplu: <html> <head> <style type="text/css"> ul { list-style-image: url('arrow.gif') } </style> </head> <body> <ul> <li>Coffee</li> <li>Tea</li> <li>Coca Cola</li> </ul> </body> </html> list-style-position Value: inside | outside Initial: outside Se aplica la: toate elementele cu 'display' setata 'list-item' Mostenita: da Valori procentuale: nu sunt permise. Proprietatea fixeaza pozitia marcajului in raport cu continutul elementului de lista. Exemplu: <html> <head> <style type="text/css"> ul.inside { list- style-position: inside } ul.outside { list-style-position: outside } </style> </head> <body> <p>This list has a list-style-position with a value of "inside":</p> <ul class="inside"> <li>Earl Grey Tea - A fine black tea</li> <li>Jasmine Tea - A fabulous "all purpose" tea</li> <li>Honeybush Tea - A super fruity delight tea</li> </ul> <p>This list has a list-style-position with a value of "outside":</p> <ul class="outside"> <li>Earl Grey Tea - A fine black tea</li> <li>Jasmine Tea - A fabulous "all purpose" tea</li> <li>Honeybush Tea - A super fruity delight tea</li> </ul> </body> </html> list-style Value: <cuvant cheie> || <pozitie> || <url> Initial: nedefinita Se aplica la: toate elementele cu 'display' setata 'list-item' Mostenita: da Valori procentuale: nu sunt permise. Aceasta proprietate permite setarea simultana a tuturor proprietatilor care se refera la modul de afisare a listelor: list-

Liste CSS, Galerie Foto Css

Embed Size (px)

DESCRIPTION

css

Citation preview

Proprietati pentru liste list-style-type Value: disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none Initial: disc Se aplic la: toate elementele cu 'display' setat 'list-item' Mostenita: da Valori procentuale: nu sunt permise. Proprietatea este utilizata pentru a determina aparenta marcaului de element de lista in cazul in care proprietatea 'list-style-ima!e' este 'none' sau ima!inea "izata prin #$% nu poate &i a&isata. '(emplu: ul.disc {list-style-type: disc} ul.circle {list-style-type: circle} ul.square {list-style-type: square} ul.none {list-style-type: none}

  • Coee

!ea Coca Cola

  • Coee

!ea Coca Cola

  • Coee

!ea Coca Cola

  • Coee

!ea Coca Cola list-style-image Value: )url* | none Initial: none Se aplica la: toate elementele cu 'display' setata 'list-item' Mostenita: da Valori procentuale: nu sunt permise. Prin aceasta proprietate se indica ima!inea +precizata prin )url*, care "a &i utilizata drept marca pentru un element de lista. -tunci cand este disponi.ila +si accesi.ila, o asemenea ima!ine inlocuieste marcaul setat prin 'list-style-type'. '(emplu: ul { list-style-ima"e: url#$arro%."i&$' }

  • Coee

!ea Coca Cola list-style-position Value: inside | outside Initial: outside Se aplica la: toate elementele cu 'display' setata 'list-item' Mostenita: da Valori procentuale: nu sunt permise. Proprietatea &i(eaza pozitia marcaului in raport cu continutul elementului de lista. '(emplu: ul.inside { list-style-position: inside } ul.outside { list-style-position: outside } !his list has a list-style-position %ith a (alue o& "inside":

  • )arl *rey !ea - + ,ne blac- tea

.asmine !ea - + &abulous "all purpose" tea /oneybush !ea - + super &ruity deli"ht tea !his list has a list-style-position %ith a (alue o& "outside":

  • )arl *rey !ea - + ,ne blac- tea

.asmine !ea - + &abulous "all purpose" tea /oneybush !ea - + super &ruity deli"ht tea list-style Value: )cu"ant cheie* || )pozitie* || )url* Initial: nede&inita Se aplica la: toate elementele cu 'display' setata 'list-item' Mostenita: da Valori procentuale: nu sunt permise. -ceasta proprietate permite setarea simultana a tuturor proprietatilor care se re&era la modul de a&isare a listelor: list-style-ima!e/ list-style-position/ list-style-type. Prin )cu"ant cheie* intele!em o "aloare pentru 'list-style-type'/ )pozitie* reprezinta "aloarea pentru 'list-style-position' iar )url* este adresa ima!inii careinlocuieste marcaul !ra&ic de intrare in lista. Indicarea simultana a unei adrese si a unui tip de marcasunt permise +marcaul "a &i utilizat in cazul inaccesi.ilitatii ima!inii,. Se recomand precizarea stilurilor doar la ni"el de lista +0%/ #%, deoarece mi(area de&initiilor de la acest ni"el cu cele de la ni"elul element de lista +%I, poate produce rezultate mai !reu de anticipat +prin cascada de stiluri,. '(emplu: ul { list-style: square inside url#$arro%."i&$' }

  • Coee

!ea Coca Cola Css ima"e "allery - http://codepen.io/anon/pen/01b2b3Coduri incorporabile in pa"inile %eb/arta *oo"le maps: *oo"le 4 maps 4 colt dreapta 5os 4 distribuiti sau incorporate o harta6ilm 7outube 4 deschidere ,lm8 st" 5os 4 9hare 4 )mbeed 4 bi&are optiuni8 copier cod in pa"ina/oroscop8 curs (alutar8 meteo 4 "oo"le: cod inserare ::. ;n site