CSS 'restore' விதி: மேம்படுத்தப்பட்ட பயனர் அனுபவத்திற்காக ஸ்டைல் மாற்றியமைப்பை செயல்படுத்துதல்

வலை அபிவிருத்தியின் உலகம் தொடர்ந்து மாறிக்கொண்டே இருக்கிறது, மேலும் தகவமைப்பு மற்றும் பயனர் நட்பு வலை அனுபவங்களைக் கோருகிறது. CSS restore விதி என்பது டெவலப்பர்கள் உறுப்புகளை பயனர்-முகவர் ஸ்டைல்ஷீட்டில் (உலாவி இயல்புநிலைகள்) இருந்து வரும் ஸ்டைல்களுக்கு மாற்றியமைக்க அனுமதிக்கும் ஒரு சக்திவாய்ந்த கருவியாகும், இது தனிப்பயனாக்கப்பட்ட ஸ்டைலிங்கிற்கு ஒரு சுத்தமான ஸ்லேட்டை வழங்குகிறது அல்லது பயனர்கள் குறிப்பிட்ட ஸ்டைல்களை உலாவியின் இயல்புநிலை தோற்றத்திற்கு எளிதாக மாற்றியமைக்க உதவுகிறது. இந்த அணுகுமுறை அணுகலை மேம்படுத்துகிறது மற்றும் பல்வேறு சூழல்களில் வடிவமைப்பு ஒருமைப்பாட்டைப் பராமரிக்க ஒரு முறையை வழங்குகிறது. வலுவான மற்றும் அணுகக்கூடிய வலை பயன்பாடுகளை இலக்காகக் கொண்ட நவீன முன்-இறுதி டெவலப்பர்களுக்கு restore விதியைப் புரிந்துகொண்டு திறம்பட செயல்படுத்துவது முக்கியமானது.

CSS அடுக்கு மற்றும் பரம்பரை புரிந்துகொள்ளுதல்

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

CSS அடுக்கு

ஒரு குறிப்பிட்ட உறுப்புக்கு எந்த CSS விதி பொருந்தும் என்பதைத் தீர்மானிக்கும் தொடர்ச்சியான வழிமுறைகளின் தொடர் அடுக்கு ஆகும். இது உட்பட பல காரணிகளைக் கருதுகிறது:

• தோற்றம்: ஸ்டைல் அறிவிப்பின் தோற்றம் (எ.கா., பயனர்-முகவர், பயனர், ஆசிரியர்).
• குறிப்பிட்டதன்மை: தேர்வாளரின் குறிப்பிட்டதன்மை (எ.கா., உறுப்பு தேர்வாளர், வகுப்பு தேர்வாளர், ID தேர்வாளர்).
• வரிசை: ஸ்டைல்ஷீட்டில் ஸ்டைல் அறிவிப்புகள் தோன்றும் வரிசை.

பயனர்-முகவர் ஸ்டைல்ஷீட்டில் (உலாவி இயல்புநிலைகள்) இருந்து வரும் ஸ்டைல்கள் மிகக் குறைந்த முன்னுரிமையைக் கொண்டுள்ளன, அதே நேரத்தில் ஆசிரியர் ஸ்டைல்ஷீட்கள் (டெவலப்பரால் எழுதப்பட்ட ஸ்டைல்கள்) அதிக முன்னுரிமையைக் கொண்டுள்ளன. பயனர் ஸ்டைல்ஷீட்கள் (பயனரால் வரையறுக்கப்பட்ட தனிப்பயன் ஸ்டைல்கள், பெரும்பாலும் உலாவி நீட்டிப்புகள் மூலம்) பொதுவாக ஆசிரியர் ஸ்டைல்ஷீட்களை விட அதிக முன்னுரிமையைக் கொண்டுள்ளன.

CSS பரம்பரை

பெற்றோர் உறுப்புகளிலிருந்து அவற்றின் குழந்தைகளுக்கு சில CSS பண்புகளை அனுப்ப பரம்பரை அனுமதிக்கிறது. உதாரணமாக, color பண்பு பரம்பரை ஆகும், எனவே நீங்கள் body உறுப்பின் வண்ணத்தை அமைத்தால், உடலில் உள்ள அனைத்து உரையும் அந்த வண்ணத்தைப் பெறும், மேலும் குறிப்பிட்ட விதியால் மீறப்படாவிட்டால். border போன்ற சில பண்புகள் பரம்பரை அல்ல.

'restore' முக்கிய சொல்லை அறிமுகப்படுத்துதல்

restore முக்கிய சொல் என்பது ஒரு CSS-அகல முக்கிய சொல் ஆகும், இது தற்போதைய ஸ்டைல் தோற்றத்திலிருந்து (ஆசிரியர்) எந்த ஸ்டைல்களும் பயன்படுத்தப்படாவிட்டால், ஒரு பண்பின் மதிப்பை அது கொண்டிருந்திருக்க வேண்டிய மதிப்பிற்கு மீட்டமைக்கிறது. இது அடிப்படையில் பயனர்-முகவர் ஸ்டைல்ஷீட்டால் வரையறுக்கப்பட்டபடி அதன் இயல்புநிலை ஸ்டைலுக்கு உறுப்பை மாற்றியமைக்கிறது என்று அர்த்தம். இது revert இலிருந்து வேறுபட்டது, இது பயனரின் ஸ்டைல்களுக்கு மாற்றியமைக்கிறது, அவை இருந்தால், இல்லையெனில் பயனர்-முகவர் ஸ்டைல்ஷீட், மற்றும் unset இலிருந்து பரம்பரை மதிப்புக்கு மாற்றியமைக்கிறது (பண்பு பரம்பரை என்றால்) அல்லது அதன் ஆரம்ப மதிப்புக்கு (இல்லையென்றால்).

restore ஐ ஒரு "சுத்தமான ஸ்லேட்" பொத்தானாகக் கருதுங்கள், குறிப்பாக ஆசிரியர் ஸ்டைல்களை இலக்காகக் கொண்டது. பிற ஸ்டைல்கள் அல்லது பயனர் விருப்பங்களை பாதிக்காமல் குறிப்பிட்ட ஸ்டைல் மாற்றங்களைச் செயல்தவிர்க்க விரும்பும் சிக்கலான ஸ்டைல்ஷீட்களில் இது மிகவும் பயனுள்ளதாக இருக்கும்.

'restore' விதியின் நடைமுறை பயன்பாடுகள்

restore விதி வலை மேம்பாட்டில் பரவலான பயன்பாடுகளை வழங்குகிறது. இது குறிப்பாக பயனுள்ளதாக இருக்கும் சில பொதுவான சூழ்நிலைகள் இங்கே:

குறிப்பிட்ட ஸ்டைல்களை மாற்றுதல்

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

            
button {
  background-color: #ff0000; /* Red */
  color: white;
  padding: 10px 20px;
  font-size: 16px;
}

button.reset-background {
  background-color: restore;
}

            

              
                Copy
              
            
          

இந்த எடுத்துக்காட்டில், ஒரு பொத்தானுக்கு reset-background வகுப்பைப் பயன்படுத்துவது அதன் பின்னணி நிறத்தை உலாவியின் இயல்புநிலை பொத்தான் பின்னணியில் மட்டுமே மாற்றியமைக்கும், மற்ற ஸ்டைல்களை அப்படியே விட்டுவிடும்.

அணுகல்தன்மை மேம்பாடுகள்

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

ஒரு இணையதளத்தில் அதிக மாறுபாடு முறை இருப்பதாகக் கருதுங்கள், மேலும் பயனர் இதை குறிப்பிட்ட கூறுகளுக்கு மட்டும் முடக்க விரும்புகிறார். குறிப்பிட்ட பண்புகளில் மீட்டமைப்பைப் பயன்படுத்துவது, பக்கத்தில் வேறு இடங்களில் அதிக மாறுபாட்டின் நன்மைகளை பராமரிக்கும் அதே நேரத்தில் இதை அடைய முடியும்.

            
.high-contrast h1 {
  color: yellow;
  background-color: black;
}

.high-contrast h1.default-color {
  color: restore;
  background-color: restore;
}

            

              
                Copy
              
            
          

இந்த வழக்கில், high-contrast சூழலில் ஒரு h1 உறுப்புக்கு default-color வகுப்பைப் பயன்படுத்துவது தலைப்பை அதன் இயல்புநிலை ஸ்டைலுக்கு மீட்டமைக்கிறது, இது முழு தளத்திலும் அதிக மாறுபாட்டை முடக்காமல் சில பயனர்களுக்கு வாசிப்புத்திறனை மேம்படுத்தும்.

சிக்கலான ஸ்டைல்ஷீட்களை நிர்வகித்தல்

விரிவான CSS கோப்புகளுடன் பெரிய திட்டங்களில், ஸ்டைல்களை நிர்வகிப்பது சவாலாக இருக்கலாம். பல விதிகளைத் துரத்திச் சென்று மாற்றாமல் ஸ்டைல்களை மாற்றியமைக்க தெளிவான மற்றும் சுருக்கமான வழியை வழங்குவதன் மூலம் ஸ்டைல்ஷீட் பராமரிப்பை எளிதாக்க restore விதி உதவும்.

ஒரு கூறு ஸ்டைல் அதிகமாக தனிப்பயனாக்கப்பட்ட ஆனால் தற்காலிகமாக அடிப்படை தோற்றத்திற்கு மாற்றியமைக்கப்பட வேண்டும் என்று கற்பனை செய்து பாருங்கள். CSS இன் பல வரிகளை கருத்து தெரிவிக்க அல்லது நீக்குவதற்கு பதிலாக, குறிப்பிட்ட பண்புகளை விரைவாக மாற்றியமைக்க restore ஐப் பயன்படுத்தலாம்.

            
.complex-component {
  /* Many custom styles here */
  background-color: #f0f0f0;
  border: 1px solid #ccc;
  padding: 20px;
  /* ... more styles ... */
}

.complex-component.reset-style {
  background-color: restore;
  border: restore;
  padding: restore;
}

            

              
                Copy
              
            
          

CSS மாறிகளுடன் வேலை செய்தல் (தனிப்பயன் பண்புகள்)

உங்கள் ஸ்டைல்ஷீட் முழுவதும் பயன்படுத்தக்கூடிய மீண்டும் பயன்படுத்தக்கூடிய மதிப்புகளை வரையறுக்க CSS மாறிகள் உங்களை அனுமதிக்கின்றன. தேவைப்படும்போது இயல்புநிலை மதிப்புகளுக்கு மாற்றியமைக்க CSS மாறிகளுடன் இணைந்து restore விதியைப் பயன்படுத்தலாம்.

            
:root {
  --primary-color: #007bff;
}

.element {
  color: var(--primary-color);
}

.element.reset-color {
  color: restore;
}

            

              
                Copy
              
            
          

இந்த எடுத்துக்காட்டு முதன்மை நிறத்திற்கான CSS மாறியை அமைக்கிறது மற்றும் உறுப்பின் உரை வண்ணத்திற்கு அதைப் பயன்படுத்துகிறது. reset-color வகுப்பைப் பயன்படுத்துவது உரை வண்ணத்தை அதன் இயல்புநிலை மதிப்பில் மாற்றியமைக்கும், CSS மாறியை திறம்பட புறக்கணிக்கும்.

பயனர் விருப்பங்களை கையாளுதல்

இணையதளங்கள் இப்போது விருப்பமான வண்ணத் திட்டம் (ஒளி அல்லது இருள்) மற்றும் குறைக்கப்பட்ட இயக்கம் போன்ற பல்வேறு பயனர் விருப்பங்களைக் கண்டறிய முடியும். இந்த விருப்பங்களின் அடிப்படையில் ஸ்டைல்களை மாற்றியமைக்க restore விதியைப் பயன்படுத்தலாம். உதாரணமாக, ஒரு பயனர் ஒளி வண்ணத் திட்டத்தை விரும்பினால், சில இருண்ட கருப்பொருள் ஸ்டைல்களை மாற்றியமைக்க விரும்பலாம்.

            
@media (prefers-color-scheme: dark) {
  body {
    background-color: #333;
    color: #fff;
  }
}

.element.default-style {
  background-color: restore;
  color: restore;
}

            

              
                Copy
              
            
          

பயனரின் வண்ணத் திட்ட விருப்பத்தைப் பொருட்படுத்தாமல், default-style ஐப் பயன்படுத்துவது உறுப்பின் பின்னணி மற்றும் உரை வண்ணத்தை பயனர்-முகவர் ஸ்டைல்ஷீட் மதிப்புகளுக்கு மாற்றியமைக்கும்.

செயல்படுத்தும் போது கவனிக்க வேண்டியவை

restore விதி ஒரு சக்திவாய்ந்த கருவியாக இருந்தாலும், அதை செயல்படுத்தும்போது பின்வரும் காரணிகளைக் கருத்தில் கொள்வது முக்கியம்:

உலாவி இணக்கத்தன்மை

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

குறிப்பிட்டதன்மை முரண்பாடுகள்

அனைத்து CSS விதிகளையும் போலவே, restore குறிப்பிட்டதன்மை முரண்பாடுகளுக்கு உட்பட்டது. முரண்பாடான ஸ்டைல்களை மீற restore ஐப் பயன்படுத்தும் தேர்வாளர் போதுமான குறிப்பிட்ட தன்மையைக் கொண்டிருப்பதை உறுதிப்படுத்தவும். தேவைப்பட்டால், தேர்வாளரின் குறிப்பிட்ட தன்மையை நீங்கள் சரிசெய்ய வேண்டும் அல்லது !important அறிவிப்பைப் பயன்படுத்த வேண்டும் (அதன் பயன்பாடு குறைக்கப்பட வேண்டும்).

            
/* Potentially problematic: too low specificity */
.reset-style {
  color: restore;
}

/* More specific selector */
body .container .element.reset-style {
  color: restore;
}

/* Use with caution */
.reset-style {
  color: restore !important;
}

            

              
                Copy
              
            
          

பரம்பரை

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

செயல்திறன்

restore செயல்திறன் சிக்கல்களை ஏற்படுத்த வாய்ப்பில்லை என்றாலும், அதிகப்படியான அல்லது சிக்கலான ஸ்டைல்ஷீட் கணக்கீடுகள் ரெண்டரிங் வேகத்தை பாதிக்கலாம். தேவையற்ற விதிகளை குறைப்பதன் மூலமும், திறமையான தேர்வாளர்களைப் பயன்படுத்துவதன் மூலமும், அதிக சிக்கலான கணக்கீடுகளைத் தவிர்ப்பதன் மூலமும் உங்கள் CSS ஐ மேம்படுத்தவும். CSS மினிஃபையர்கள் மற்றும் சரிபார்ப்பாளர்கள் போன்ற கருவிகள் உங்கள் ஸ்டைல்ஷீட்களை மேம்படுத்த உதவும்.

'restore' ஐப் பயன்படுத்துவதற்கான சிறந்த நடைமுறைகள்

restore விதியை திறம்படப் பயன்படுத்தவும், பராமரிக்கக்கூடிய மற்றும் அணுகக்கூடிய குறியீட்டுத் தளத்தை உறுதிப்படுத்தவும், பின்வரும் சிறந்த நடைமுறைகளைக் கவனியுங்கள்:

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

'restore' எதிராக 'revert' எதிராக 'unset' எதிராக 'initial'

தொடர்புடைய CSS முக்கிய சொற்களிலிருந்து restore ஐ வேறுபடுத்துவது முக்கியம்:

• restore: பயனர்-முகவர் ஸ்டைல்ஷீட்டில் வரையறுக்கப்பட்ட மதிப்பிற்கு ஸ்டைலை மாற்றியமைக்கிறது, எந்தவொரு பயனர் வரையறுக்கப்பட்ட ஸ்டைல்களையும் *புறக்கணிக்கிறது*.
• revert: பயனர் ஸ்டைல்ஷீட் இருந்தால், ஸ்டைலை பயனரின் ஸ்டைல்ஷீட்டில் மாற்றியமைக்கிறது; இல்லையெனில், அது பயனர்-முகவர் ஸ்டைல்ஷீட்டிற்கு மாற்றியமைக்கிறது.
• unset: பண்பு பரம்பரை என்றால், உறுப்பு அதன் பெற்றோரிடமிருந்து பரம்பரை மதிப்பை பெறுகிறது. பண்பு பரம்பரை இல்லை என்றால், உறுப்பு பண்பின் ஆரம்ப மதிப்பை பெறுகிறது (CSS விவரக்குறிப்பில் வரையறுக்கப்பட்டுள்ளது).
• initial: CSS விவரக்குறிப்பில் வரையறுக்கப்பட்டபடி, பண்பை அதன் ஆரம்ப மதிப்பில் அமைக்கிறது (இது பயனர்-முகவர் ஸ்டைல்ஷீட் மதிப்புக்கு சமமாக இருக்க வேண்டிய அவசியமில்லை).

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

வெவ்வேறு லோகேல்களில் எடுத்துக்காட்டுகள்

இயல்புநிலை ஸ்டைல்களுக்குத் திரும்ப வேண்டிய அவசியம் வெவ்வேறு லோகேல்களுக்கு குறிப்பிட்ட சூழ்நிலைகளில் ஏற்படலாம். இங்கே சில எடுத்துக்காட்டுகள்:

• வலமிருந்து இடமாக (RTL) மொழிகள்: அரபு அல்லது ஹீப்ரு போன்ற RTL மொழிகளை ஆதரிக்கும் இணையதளங்கள் குறிப்பிட்ட கூறுகள் அல்லது உள்ளடக்கப் பிரிவுகளுக்கு தற்காலிகமாக உரை சீரமைப்பு அல்லது திசை தொடர்பான ஸ்டைல்களை மாற்றியமைக்க வேண்டியிருக்கலாம். கலப்பு-திசை உள்ளடக்கத்தைக் கையாளும் போது, இடமிருந்து வலமாக மொழிகளுக்கான உலாவியின் இயல்புநிலை நடத்தைக்கு இந்த ஸ்டைல்களை திறமையாக மீட்டமைக்க restore ஐப் பயன்படுத்தலாம்.
• கிழக்காசிய அச்சுக்கலை: சீன, ஜப்பானிய அல்லது கொரிய மொழிகளுக்கான (CJK) செங்குத்து எழுத்து முறைகள் அல்லது ரூபி எழுத்துகள் போன்ற குறிப்பிட்ட தட்டச்சு அம்சங்களைப் பயன்படுத்தும் இணையதளங்கள், பொருத்தமற்ற சில சூழல்களில் இந்த ஸ்டைல்களை மாற்றியமைக்க வேண்டியிருக்கலாம். இயல்புநிலை கிடைமட்ட தளவமைப்புக்குத் திரும்ப writing-mode` அல்லது `text-orientation` போன்ற பண்புகளுக்கு restore ஐப் பயன்படுத்தலாம்.
• நாணய மற்றும் எண் வடிவமைத்தல்: CSS பண்புகளுடன் நேரடியாகத் தொடர்பில்லாத போது, நாணய சின்னங்கள் அல்லது எண் வடிவங்களின் *காட்சியை* பாதிக்கும் ஸ்டைல்கள், தனிப்பயன் ஸ்டைலிங் லோகேல்-குறிப்பிட்ட மரபுகளுடன் முரண்பட்டால், CSS ஐப் பயன்படுத்தி தற்காலிகமாக மாற்றியமைக்கப்படலாம். இது குறைவான பொதுவானது, ஆனால் லோகேல் உணர்திறன் ஸ்டைல்களைக் கையாள restore ஐப் பயன்படுத்துவதற்கான பொதுவான கொள்கையை நிரூபிக்கிறது.