float ගුණය

float ගුණය - පා text වලින් ගලා යන අපිරිසිදු බ්ලොක් නියම කරයි. float ගුණය සමහර විට clear ගුණය සමඟ එක්ව භාවිතා වේ, එය අංගයේ ගලා යාම අවලංගු කරයි.

ආරම්භක වශයෙන් float නිර්මාණය කරන ලද්දේ පා text තුළට ගලා යන බ්ලොක් ඇතුළත් කිරීම සඳහා වුවද, වර්තමානයේ එය පිරිසැලසුම් නිර්මාණය කිරීම සඳහා ඉතා විස්තෘත ලෙස සහ සම්මත නොවන ආකාරයෙන් භාවිතා වේ.

වාක්‍ය රීතිය

cssතේරීම්කරු {
  float: left | right | none;
}

cssතේරීම්කරු {
  clear: both | left | right | none;
}

float සඳහා අගයන්

අගය	විස්තරය
`left`	බ්ලොක් වම් පැත්තෙන් අපිරිසිදු වන අතර පා text එය දකුණු පැත්තෙන් ගලා යයි.
`right`	බ්ලොක් දකුණු පැත්තෙන් අපිරිසිදු වන අතර පා text එය වම් පැත්තෙන් ගලා යයි.
`none`	ගලා යාමක් නැත.

පෙරනිමි අගය: none.

clear සඳහා අගයන්

අගය	විස්තරය
`left`	වම් පැත්තෙන් ගලා යාම අවලංගු කරයි.
`right`	දකුණු පැත්තෙන් ගලා යාම අවලංගු කරයි.
`both`	වම් සහ දකුණු දෙපැත්තෙන්ම ගලා යාම අවලංගු කරයි.
`none`	ගලා යාම අවලංගු කිරීමක් නැත.

පෙරනිමි අගය: none.

උදාහරණය

අපි float සම්මත නොවන ආකාරයෙන් භාවිතා කරමු, ලැයිස්තු අයිතම රේඛාවක තබා:

html<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
  <li>5</li>
</ul>

cssli {
  float: left;
  border: 1px solid red;
}

Результат:

මෙයත් බලන්න

clear ගුණය,
එය float ඉහළ අංග සඳහා අවලංගු කරයි