හැම ටැග් එකේම තියෙන style ඇට්‍රිබියුට් එක ගැන අපි මුලින්ම දැන ගමු. මේ විදියෙන් style එකක් ටැග් එකකට දෙනවට අපි කියන්නේ "inline styles" කියලා. ඒ කියන්නේ තනි පේලියකින් style දෙන විදිය. මේ ක්‍රමෙත් හරි ප්‍රසිද්ධයි. ඒත් පාවිච්චි කරන්නෙ ගොඩක් කලාතුරකින්. නැතුවමත් නෙවෙයි. මොකද මේ ක්‍රමේ පාවිච්චි කරාය කියලා අපි බලාපොරොත්තු වෙන පහසුව අපිට ලබා ගන්න එක ගැන ගැටළුවක් මතු වෙනවා.
සුපුරුදු විදියටම ඇට්‍රිබියුට් එක ලියන්නේ අනික් ඇට්‍රිබියුට් වලින් වෙන් වෙන්න හිස් තැනක් තියලා style කියලා ටයිප් කරලා සමාන ලකුණකින් එහා පැත්තේ උදෘත පාඨ ඇතුලේ අගයන් දෙන විදියට පහල ලියල තියෙනවා වගේ.
style=""
මේකට අගයන් දෙන විදිය ටිකක් අමතුයි. මොකද මේකෙදි අපිට අගයන් දෙන්න සිද්ධ වෙන්නේ උප ඇට්‍රිබියුට් හැටියටයි. ඒ කීවේ sub attributes විදියටයි. මොකද මේ style කියන ඇට්‍රිබියුට් එක තවත් ඇට්‍රිබියුට් ගණනාවක් පාවිච්චි කර ගන්න පුළුවන් ඉහල මට්ටමක ඉන්න ඇට්‍රිබියුට් එකක්.
අගයන් විදියට දෙන උප ඇට්‍රිබියුට් වලටත් අගයන් තියෙනවා. අන්න ඒ නිසයි ඒවා උප ඇට්‍රිබියුට් විදියට හඳුන්වන්නේ. ඔය වගේ ඉතින් උප ඇට්‍රිබියුට් ලියන හැටිත්, ඒවාට අගයන් සපයන හැටිත් අපි ඉගෙන ගන්න ඕනෙ. ඒ මෙන්න මෙහෙමයි.
style ඇට්‍රිබියුට් එක ඇතුලේ, ඒ කියන්නේ ඒකේ අගයන් ව්දියට උප ඇට්‍රිබියුට් දෙන්න ඕනෙ ඉංග්‍රීසි කුඩා අකුරින්. සිංහලෙන් කීවොත් simple letters වලින්. ඒ කියන්නේ styles අගයන් හැම තිස්සෙම case sensitive කියලා. උප ඇට්‍රිබියුට් එකකින් තවත් උප ඇට්‍රිබියුට් එකක් වෙන් කරන්නේ සාමාන්‍ය ඇට්‍රිබියුට් දෙකක් වෙන් වෙන්ව ලියන්න හිස් තැනක් තියලා නෙවෙයි. උප ඇට්‍රිබියුට් දෙකක් වෙන් කරන්නේ ";" තිත් කොමාවකින් නැත්නම් semi-colon එකකින්. උප ඇට්‍රිබියුට් වලට අගයන් දෙන්නේ සමාන ලකුණකින් නෙවෙයි, තිත් දෙකකින් ":" නැත්නම් colon එකකින් එහා පැත්තේ. එකම style ඇට්‍රිබියුට් එක ඇතුලේ එකම උප ඇට්‍රිබියුට් එක දෙවරක් පාවිච්චි කරන්න බෑ. ඔන්න ඕවා තමයි style ලියද්දි පාවිච්චි කරන්න ඕනි නීති. මේවා රීති නෙවෙයි. මොකද කැඩුවොත් වැඩ නොකරන නිසා.
ඔය කීව ටික උදාහරණයකින් ලියලාම දැන ගමු කොහොමද ලියන්නේ කියලා හරියටම.
style="subattribute1 : value; subattribute2 : value; "
ඔන්න එහෙනම් අපි style ලියන හැටිත්, ඒව ඇතුලේ උප ඇට්‍රිබියුට් ලියන විදියයි, ඒවට අගයන් දෙන හැටිත් ඉගෙන ගත්තා. මීලඟ පාඩමෙන් බලමු ඒ උප ඇට්‍රිබියුට් වර්ග මොනාද කියලත්, ඒවාට දෙන අගයන් මොනාද කියලත්. නොතේරෙන දෙයක් තියෙනවා නම් ඔයාලට කොමෙන්ට් එකකින් දැන අහ ගන්න පුළුවන්.
සුපුරුදු විදියටම ඇට්‍රිබියුට් එක ලියන්නේ අනික් ඇට්‍රිබියුට් වලින් වෙන් වෙන්න හිස් තැනක් තියලා style කියලා ටයිප් කරලා සමාන ලකුණකින් එහා පැත්තේ උදෘත පාඨ ඇතුලේ අගයන් දෙන විදියට පහල ලියල තියෙනවා වගේ.
style=""
මේකට අගයන් දෙන විදිය ටිකක් අමතුයි. මොකද මේකෙදි අපිට අගයන් දෙන්න සිද්ධ වෙන්නේ උප ඇට්‍රිබියුට් හැටියටයි. ඒ කීවේ sub attributes විදියටයි. මොකද මේ style කියන ඇට්‍රිබියුට් එක තවත් ඇට්‍රිබියුට් ගණනාවක් පාවිච්චි කර ගන්න පුළුවන් ඉහල මට්ටමක ඉන්න ඇට්‍රිබියුට් එකක්.
අගයන් විදියට දෙන උප ඇට්‍රිබියුට් වලටත් අගයන් තියෙනවා. අන්න ඒ නිසයි ඒවා උප ඇට්‍රිබියුට් විදියට හඳුන්වන්නේ. ඔය වගේ ඉතින් උප ඇට්‍රිබියුට් ලියන හැටිත්, ඒවාට අගයන් සපයන හැටිත් අපි ඉගෙන ගන්න ඕනෙ. ඒ මෙන්න මෙහෙමයි.
style ඇට්‍රිබියුට් එක ඇතුලේ, ඒ කියන්නේ ඒකේ අගයන් ව්දියට උප ඇට්‍රිබියුට් දෙන්න ඕනෙ ඉංග්‍රීසි කුඩා අකුරින්. සිංහලෙන් කීවොත් simple letters වලින්. ඒ කියන්නේ styles අගයන් හැම තිස්සෙම case sensitive කියලා. උප ඇට්‍රිබියුට් එකකින් තවත් උප ඇට්‍රිබියුට් එකක් වෙන් කරන්නේ සාමාන්‍ය ඇට්‍රිබියුට් දෙකක් වෙන් වෙන්ව ලියන්න හිස් තැනක් තියලා නෙවෙයි. උප ඇට්‍රිබියුට් දෙකක් වෙන් කරන්නේ ";" තිත් කොමාවකින් නැත්නම් semi-colon එකකින්. උප ඇට්‍රිබියුට් වලට අගයන් දෙන්නේ සමාන ලකුණකින් නෙවෙයි, තිත් දෙකකින් ":" නැත්නම් colon එකකින් එහා පැත්තේ. එකම style ඇට්‍රිබියුට් එක ඇතුලේ එකම උප ඇට්‍රිබියුට් එක දෙවරක් පාවිච්චි කරන්න බෑ. ඔන්න ඕවා තමයි style ලියද්දි පාවිච්චි කරන්න ඕනි නීති. මේවා රීති නෙවෙයි. මොකද කැඩුවොත් වැඩ නොකරන නිසා.
ඔය කීව ටික උදාහරණයකින් ලියලාම දැන ගමු කොහොමද ලියන්නේ කියලා හරියටම.
style="subattribute1 : value; subattribute2 : value; "
ඔන්න එහෙනම් අපි style ලියන හැටිත්, ඒව ඇතුලේ උප ඇට්‍රිබියුට් ලියන විදියයි, ඒවට අගයන් දෙන හැටිත් ඉගෙන ගත්තා. මීලඟ පාඩමෙන් බලමු ඒ උප ඇට්‍රිබියුට් වර්ග මොනාද කියලත්, ඒවාට දෙන අගයන් මොනාද කියලත්. නොතේරෙන දෙයක් තියෙනවා නම් ඔයාලට කොමෙන්ට් එකකින් දැන අහ ගන්න පුළුවන්.
Posts
1 comments:
ෂහ්.. මරයි. දන්නෙ නැති දේවල් ගොඩක් ඉගෙන ගත්ත. දිගටම යමු.
Post a Comment