"display" հատկությունը

displayէջատումը կառավարող կարևորագույն հատկությունն է։ Ամեն էլեմենտ ունի display հատկության լռելայն արժեք, կախված իր իսկ տեսակից։ Էլեմենտների մեծամասնության համար display հատկության լռելայն արժեքներ են block կամ inline արժեքները։ block էլեմենտները հաճախակի կոչվում են block-level էլեմենտներ։ Իսկ inline էլեմենտները ուղակի կոչվում են inline էլեմենտներ։

block

<div>

div-ը ստանդարտ բլոկային էլեմենտ է։ Բլոկային էլեմենտները սկսվում են նոր տողից և ձգվում են որքան հնարավոր է դեպի ձախ և աջ։ Մյուս հաճախակի օգտագործվող բլոկային էլեմենտներն են p և form։ Բլոկային են նաև նոր HTML5-ական header, footer, section էլեմենտները։ Սրանցով իհարկե չի սահմանափակվում ցանկը։

</div>

inline

span-ը ստանդարտ inline էլեմենտ է: inline էլեմենտը կարող է փաթաթել որոշ տեքստ պարագրաֆի ներսում․ <span> ինչպես այստեղ </span> առանց կազմալուծելու պարագրաֆի տեսքը ։ a էլեմենտը նույնպես ամենաօգտագործվող inline էլեմենտներից մեկն է։

none

display հատկության մյուս տարածված արժեքը none արժեքն է։ Որոշ հատուկ էլեմենտներ լռելայն ունեն այս արժեքը, ինչպիսին է օրինակ script-ը։
display։none-ը հաճախ օգտագործվում է Javascript-ի օգնությամբ էլեմենտները թաքցնելու կամ ցուցադրելու համար, առանց դրանք իրականում ջնջելու կամ վերստեղծելու։

Սա տարբերվում է visibility հատկությունից. display-ին none արժեքը տալիս էջը կցուցադրվի այնպես, կարծես այդ էլեմենտը բացակայում է, սակայն visibility: hidden;-ը կթաքցնի էլեմենտը պահպանելով էլեմենտի զբաղեցրած տարածությունը որպես դատարկ տարածություն։

Դու ինձ գտար!

display-ի այլ արժեքներ

Կան նաև display հատկության բազմաթիվ էկզոտիկ արժեքներ, ինչպիսիք են list-item և table արժեքները։ Այստեղ սպառիչ ցուցակն է։ Ավելի ուշ մենք կքննարկենք նաև inline-block և flex արժեքները։

լրացուցիչ

Ինչպես նշվեց բոլոր էլեմենտները ունեն display հատկության իրենց լռելայն արժեքները։ Սակայն միշտ հնարավոր է փոխել դրանք։ Ոչ մի խնդիր չկա inline div դիվ սարքելու մեջ, կարելի է փոխել display-ի արժեքը էլեմենտների ձևավորումը հարմարեցնելու համար։
Հորիզոնտալ մենյու սարքելու նպատակով li էլեմենտները inline դարձնելը տարածված եղանակ է։

  • Creative Commons License