CSS ஐப் பயன்படுத்தி உரை அலங்காரத்தை எவ்வாறு செயல்படுத்துவது



எடுத்துக்காட்டுகளுடன் CSS ஐப் பயன்படுத்தி பல்வேறு வகையான உரை அலங்காரத்தைப் பற்றிய விரிவான மற்றும் விரிவான அறிவை இந்த கட்டுரை உங்களுக்கு வழங்கும்.

ஒரு ஆவணம் அல்லது உரையை அடிக்கோடிட்டுக் காட்டுவது எப்போதும் எளிதானது. ஆனால் வலைத்தளங்களுக்கான வழக்கை நாங்கள் கருத்தில் கொண்டால், இது இன்னும் எளிதானதா? நம்மில் பெரும்பாலோர் ஆம் என்று கூறுவோம், ஆனால் சில தனிப்பயன் வடிவமைப்புகள் உட்பட ஒரு கிடைமட்ட கோட்டை உருவாக்குவது இந்த எளிய பணியை சோர்வடையச் செய்கிறது. CSS ஐப் பயன்படுத்தி உரை அலங்காரத்தின் பயணத்தை பின்வரும் முறையில் தொடங்கலாம்:

ஜாவாவில் ஆழமற்ற நகலுக்கும் ஆழமான நகலுக்கும் உள்ள வேறுபாடு

உரை அலங்காரம் என்றால் என்ன?

இது உரையில் அலங்கார வரிகளின் தோற்றத்தை அமைக்கிறது. இது ஒரு சுருக்கெழுத்து சொத்து:





  • உரை-அலங்காரம்-வரி
  • உரை-அலங்காரம்-வண்ணம்
  • உரை-அலங்காரம்-பாணி

இது ஒன்று அல்லது அதற்கு மேற்பட்ட விண்வெளி பிரிக்கப்பட்ட மதிப்புகளாக குறிப்பிடப்பட்டுள்ளதுxt- அலங்கார பண்புகள்.

தொடரியல்:



உரை-அலங்காரம்: || ||

எங்கே,

  • உரை-அலங்காரம்-வரி: இது போன்ற அலங்கார வகைகளை அமைக்க பயன்படுகிறதுஅடிக்கோடிட்டு, மேலோட்டமாக, மற்றும் வரி வழியாக.

  • உரை-அலங்காரம்-வண்ணம்:இது அலங்காரத்தின் நிறத்தை அமைக்க பயன்படுகிறது.



  • உரை-அலங்காரம்-பாணி: போன்ற வரியின் பாணியை அமைக்க இது பயன்படுகிறதுதிட, அலை அலையான, புள்ளியிடப்பட்ட, கோடு, இரட்டை

CSS இல் உரை அலங்காரங்களின் வகைகள்

  • மேலடுக்கு:
# அலங்காரம் {உரை-அலங்காரம்: ஓவர்லைன்}

Overline-text-decoration-using-css

  • வரி மூலம்:
# அலங்காரம் {உரை-அலங்காரம்: வரி மூலம்}

  • அடிக்கோடிட்டு:
# அலங்காரம் {உரை-அலங்காரம்: அடிக்கோடிட்டு}

  • சேர்க்கை:
# அலங்காரம் {உரை-அலங்காரம்: வரி-வழியாக ஓவர்லைன் அடிக்கோடிட்டுக் காட்டு}

வெளியீடு:

CSS ஐப் பயன்படுத்தி உரை அலங்காரம்: குறியீடு

குறியீடு:

  

CSS குறியீடு:

#overline {உரை-அலங்காரம்: அலை அலையான சுண்ணாம்பு} # underover {உரை-அலங்காரம்: கோடிட்ட அடிக்கோடிட்டு ஓவர்லைன்} # புள்ளியிடப்பட்ட {உரை-அலங்காரம்: அடிக்கோடிட்ட ஓவர்லைன் புள்ளியிடப்பட்ட சிவப்பு} # அலை அலையான {உரை-அலங்காரம்: வரி வழியாக அலை அலையானது}

வெளியீடு:

உரை அலங்காரம் தவிர்

உரை ஓவர்லைன், லைன்-த்ரூ மற்றும் அடிக்கோடிட்டுக் காட்டும் இடத்தில் உரை-அலங்காரம்-தவிர் எனப்படும் ஒரு சொத்தையும் பயன்படுத்தலாம். இது உரையை அலங்கரிக்க உதவுகிறது. ஏறுவரிசைகள் மற்றும் வம்சாவளிகளைக் கடந்து செல்லும்போது ஓவர்லைன் மற்றும் அடிக்கோடிட்டு எவ்வாறு வரையப்படுகின்றன என்பதை இது குறிப்பிடுகிறது.

# அலங்காரம் {உரை-அலங்காரம்-தவிர்: மை}

உரை-அலங்கார ஸ்கிப்களுடன் பயன்படுத்தக்கூடிய மதிப்புகள்:

விற்பனையாளர் சேவை கிளவுட் நேர்காணல் கேள்விகள்
  • பொருள்கள் : (இயல்புநிலை) வரி படங்கள் அல்லது இன்லைன்-தொகுதி கூறுகள் போன்ற இன்லைன் பொருள்களைத் தவிர்க்கிறது.

  • எதுவும் இல்லை : வரி எல்லாவற்றையும் கடக்கிறது.

  • இடைவெளிகள் : அலங்கார வரி இடைவெளிகள், சொல்-பிரிப்பான் எழுத்துக்கள் மற்றும் எழுத்து இடைவெளி அல்லது சொல்-இடைவெளிகளுடன் அமைக்கப்பட்ட எந்த இடைவெளிகளையும் தவிர்க்கிறது.

    சமையல்காரர் மற்றும் கைப்பாவை என்றால் என்ன
  • மை : அலங்கார வரி கிளிஃப்கள், வம்சாவளிகள் அல்லது ஏறுபவர்களை தவிர்க்கிறது.

  • விளிம்புகள் : அலங்காரக் கோடு உள்ளடக்கத்தின் தொடக்க விளிம்பிற்குப் பிறகு சற்றுத் தொடங்கி உள்ளடக்கத்தின் முடிவு விளிம்பிற்கு சற்று முன் முடிவடைகிறது.

  • பெட்டி-அலங்காரம் : அலங்கார வரி மரபுரிமை விளிம்பு, எல்லை மற்றும் திணிப்பு ஆகியவற்றைத் தவிர்க்கிறது.

இந்த சொத்தை எந்த உலாவியும் ஆதரிக்கவில்லை என்பதால், டெமோ எதுவும் இல்லை, ஆனால் உரை-அலங்காரம்-தவிர் செயல்படுத்தப்பட்டவுடன் ஒவ்வொரு மதிப்புகளும் எவ்வாறு இருக்கும் என்பதற்கான கீழேயுள்ள படத்தில் ஒரு எடுத்துக்காட்டு இங்கே.

இதன் மூலம், CSS வலைப்பதிவைப் பயன்படுத்தி இந்த உரை அலங்காரத்தின் முடிவுக்கு வருகிறோம். இந்த தலைப்பு தொடர்பாக ஏதேனும் கேள்விகள் இருந்தால், தயவுசெய்து கீழே ஒரு கருத்தை இடுங்கள், நாங்கள் உங்களைத் தொடர்புகொள்வோம்.

எங்கள் பாருங்கள் இது பயிற்றுவிப்பாளர் தலைமையிலான நேரடி பயிற்சி மற்றும் நிஜ வாழ்க்கை திட்ட அனுபவத்துடன் வருகிறது. இந்த பயிற்சி பின்-முனை மற்றும் முன்-வலை வலை தொழில்நுட்பங்களுடன் பணிபுரியும் திறன்களில் நீங்கள் தேர்ச்சி பெறுகிறது. வலை அபிவிருத்தி, jQuery, கோணல், நோட்ஜெஸ், எக்ஸ்பிரஸ்ஜேஎஸ் மற்றும் மோங்கோடிபி பற்றிய பயிற்சி இதில் அடங்கும்.

எங்களுக்கு ஒரு கேள்வி கிடைத்ததா? 'CSS ஐப் பயன்படுத்தி உரை அலங்காரம்' வலைப்பதிவின் கருத்துகள் பிரிவில் இதைக் குறிப்பிடவும், நாங்கள் உங்களைத் தொடர்புகொள்வோம்.