width ගුණය

width ගුණය මූලද්‍රව්‍යයක පළල සකසයි. ගුණයේ අගය විය හැක්කේ ඕනෑම ප්‍රමාණ සඳහා ඒකක හෝ යම් යම් යතුරු ගුණයක් auto, බ්‍රවුසරයට මූලද්‍රව්‍යයේ ප්‍රමාණය ස්වයංක්‍රීයව ගණනය කිරීමට ඉඩ දෙන (පෙරනිමි හැසිරීම).

වාක්‍ය රචනා ක්‍රමය

cssතෝරන්නා {
  width: අගය;
}

උදාහරණය

මූලද්‍රව්‍යයක පළල 300px ලෙස සකසමු:

html<div id="elem"></div>

css#elem {
  width: 300px;
  height: 100px;
  border: 1px solid black;
}

Результат:

උදාහරණය

මූලද්‍රව්‍යය එහි දෙමාපියන්ගේ (අපගේ නඩුවේදී එය බ්‍රවුසර කවුළුව වනු ඇත) පළලෙන් 70% අල්ලා ගන්නා ලෙස සකසමු:

html<div id="elem"></div>

css#elem {
  width: 70%;
  height: 100px;
  border: 1px solid black;
}

Результат:

මෙයද බලන්න