Complete CSS Entity Reference
HTML இல் இவற்றில் ஏதேனும் எழுத்துக்களைக் காண்பிக்க CSS ஐப் பயன்படுத்தினால், கீழே உள்ள அட்டவணையில் காணப்படும் CSS எண்டிட்டியைப் பயன்படுத்தலாம்.
Example
<style>
h2:after {
content: ' \00A7';
}
</style>அனைத்து <h2> உறுப்புகளும் இறுதியில் இந்த எழுத்துடன் காண்பிக்கப்படும்:
I will display §
CSS Entities Usage
CSS எண்டிட்டிகளைப் பயன்படுத்தி சிறப்பு எழுத்துக்களைச் சேர்க்கலாம்:
Using CSS content property:
.element:before {
content: '\00A9'; /* Copyright symbol */
}
Result: ©
Using CSS in HTML:
<div class="icon">✔</div>
.icon {
font-family: 'Arial';
}
Result: ✔
உதவிக்குறிப்பு:
CSS எண்டிட்டிகள் பொதுவாக Unicode ஹெக்ஸாடெசிமல் மதிப்புகளுடன் பயன்படுத்தப்படுகின்றன. எண்டிட்டி மதிப்புக்கு முன் பின்சாய்வு (\) சேர்க்க வேண்டும்.
Basic Latin Characters
அடிப்படை இலத்தீன் எழுத்துக்கள் மற்றும் நிறுத்தற்குறிகள்
| Char | CSS Entity | Name | Copy |
|---|---|---|---|
| \0020 | SPACE | ||
| ! | \0021 | EXCLAMATION MARK | |
| " | \0022 | QUOTATION MARK | |
| # | \0023 | NUMBER SIGN | |
| $ | \0024 | DOLLAR SIGN | |
| % | \0025 | PERCENT SIGN | |
| & | \0026 | AMPERSAND | |
| ' | \0027 | APOSTROPHE | |
| ( | \0028 | LEFT PARENTHESIS | |
| ) | \0029 | RIGHT PARENTHESIS | |
| * | \002A | ASTERISK | |
| + | \002B | PLUS SIGN | |
| , | \002C | COMMA | |
| - | \002D | HYPHEN-MINUS | |
| . | \002E | FULL STOP | |
| / | \002F | SOLIDUS |
Common Symbols
பொதுவாகப் பயன்படுத்தப்படும் சிறப்பு சின்னங்கள்
| Char | CSS Entity | Name | Copy |
|---|---|---|---|
| © | \00A9 | COPYRIGHT SIGN | |
| ® | \00AE | REGISTERED SIGN | |
| ™ | \2122 | TRADE MARK SIGN | |
| € | \20AC | EURO SIGN | |
| $ | \0024 | DOLLAR SIGN | |
| £ | \00A3 | POUND SIGN | |
| ¥ | \00A5 | YEN SIGN | |
| § | \00A7 | SECTION SIGN | |
| ¶ | \00B6 | PILCROW SIGN | |
| † | \2020 | DAGGER | |
| ‡ | \2021 | DOUBLE DAGGER | |
| • | \2022 | BULLET | |
| ° | \00B0 | DEGREE SIGN | |
| ± | \00B1 | PLUS-MINUS SIGN | |
| µ | \00B5 | MICRO SIGN |
Arrow Symbols
அம்பு சின்னங்கள் மற்றும் திசைகாட்டிகள்
| Char | CSS Entity | Name | Copy |
|---|---|---|---|
| ← | \2190 | LEFTWARDS ARROW | |
| ↑ | \2191 | UPWARDS ARROW | |
| → | \2192 | RIGHTWARDS ARROW | |
| ↓ | \2193 | DOWNWARDS ARROW | |
| ↔ | \2194 | LEFT RIGHT ARROW | |
| ↕ | \2195 | UP DOWN ARROW | |
| ↵ | \21B5 | DOWNWARDS ARROW WITH CORNER LEFTWARDS | |
| ⇐ | \21D0 | LEFTWARDS DOUBLE ARROW | |
| ⇑ | \21D1 | UPWARDS DOUBLE ARROW | |
| ⇒ | \21D2 | RIGHTWARDS DOUBLE ARROW | |
| ⇓ | \21D3 | DOWNWARDS DOUBLE ARROW | |
| ⇔ | \21D4 | LEFT RIGHT DOUBLE ARROW |
Mathematical Symbols
கணித சின்னங்கள் மற்றும் குறியீடுகள்
| Char | CSS Entity | Name | Copy |
|---|---|---|---|
| ≠ | \2260 | NOT EQUAL TO | |
| ≡ | \2261 | IDENTICAL TO | |
| ≤ | \2264 | LESS-THAN OR EQUAL TO | |
| ≥ | \2265 | GREATER-THAN OR EQUAL TO | |
| ∞ | \221E | INFINITY | |
| √ | \221A | SQUARE ROOT | |
| ∑ | \2211 | N-ARY SUMMATION | |
| ∫ | \222B | INTEGRAL | |
| ∂ | \2202 | PARTIAL DIFFERENTIAL | |
| ∏ | \220F | N-ARY PRODUCT | |
| π | \03C0 | GREEK SMALL LETTER PI | |
| θ | \03B8 | GREEK SMALL LETTER THETA |
How to Use CSS Entities
Method 1: In CSS content property
/* Add copyright symbol after element */
.element:after {
content: '\00A9';
margin-left: 5px;
}
/* Add arrow before element */
.button:before {
content: '\2192';
margin-right: 8px;
}Method 2: In HTML with CSS
<!-- Using hex code in HTML -->
<span class="icon">✔</span>
/* CSS for styling */
.icon {
font-family: 'Arial', sans-serif;
color: green;
font-size: 20px;
}முக்கிய குறிப்புகள்:
1. CSS எண்டிட்டிகள் எப்போதும் பின்சாய்வு (\) உடன் தொடங்குகின்றன
2. ஹெக்ஸாடெசிமல் மதிப்புகள் பயன்படுத்தப்படுகின்றன (உதாரணம்: \00A9)
3. எண்டிட்டிக்குப் பிறகு ஒரு இடம் சேர்க்க வேண்டாம்
4. சில எண்டிட்டிகள் அனைத்து எழுத்துருக்களிலும் ஆதரிக்கப்படுவதில்லை