නවාතැන් පන්නිය focus

නවාතැන් පන්නිය focus යොදා ගනු ලබන්නේ ආදාන ක්ෂේත්‍රයකට, පෙළ ප්‍රදේශයකට හෝ සබැඳියකට ආදාන කේන්ද්‍රගත වී ඇති අවස්ථාව සඳහා විලාසයන් නියම කිරීමටය. ආදාන කේන්ද්‍රගත වීම යනු අපි ආදාන ක්ෂේත්‍රය මත ක්ලික් කළ විට එහි කර්සර දඟරයක් සැරිසරන (පෙළ ඇතුලත් කළ හැකි) තත්වයයි.

වාක්‍ය ඛණ්ඩය

cssinput:focus {
  
}

උදාහරණය

ආදාන කේන්ද්‍රගත වීමෙන් පසු ආදාන ක්ෂේත්‍රයට රතු දාරයක් සහ සෙවනැල්ලක් ලැබේ:

html<input>
cssinput:focus {
  border: 1px solid red;
  box-shadow: 0 0 3px red;
}

Результат:

මෙයද බලන්න

  • නවාතැන් පන්නිය link,
    එය සංචාරය නොකළ සබැඳියකට විලාසයක් නියම කරයි
  • නවාතැන් පන්නිය visited,
    එය සංචාරය කළ සබැඳියකට විලාසයක් නියම කරයි
  • නවාතැන් පන්නිය hover,
    එය සබැඳියක් මත මූසිකය ගෙනයන විට විලාසයක් නියම කරයි
  • නවාතැන් පන්නිය active,
    එය සබැඳියක් සක්‍රිය කරන විට විලාසයක් නියම කරයි