Entity di CSS: Contoh Simbol dan Codenya

Referensi Entitas CSS Lengkap

Jika kita menggunakan CSS untuk menampilkan salah satu karakter ini dalam HTML, kita bisa gunakan entitas CSS yang terdapat pada tabel di bawah.

Contoh :

<!DOCTYPE html>
<html>
<style>
h2:after {
  content: ' \00A7';
}
</style>
<body>

<h2> Saya akan menampilkan </h2>

<p> Semua elemen H2 akan ditambahkan karakter tambahan di akhir. </p>

</body>
</html>

Semua elemen <h2> akan ditampilkan dengan karakter entitas sesuai dengan kodenya.

Symbol	Description	CSS (ISO)
“	quotation mark	\0022
#	number sign	\0023
$	dollar sign	\0024
%	percent sign	\0025
&	ampersand	\0026
‘	apostrophe	\0027
(	left parenthesis	\0028
)	right parenthesis	\0029
*	asterisk	\002a
+	plus sign	\002b
,	comma	\002c
–	hyphen-minus	\002d
.	full stop; period	\002e
/	solidus; slash	\002f
:	colon	\003a
;	semicolon	\003b
<	less-than	\003c
=	equals	\003d
>	greater-than sign	\003e
?	question mark	\003f
@	at sign; commercial at	\0040
[	left square bracket	\005b
\	backslash	\005c
]	right square bracket	\005d
^	circumflex accent	\005e
_	low line	\005f
`	grave accent	\0060
{	left curly bracket	\007b
\|	vertical bar	\007c
}	right curly bracket	\007d
~	tilde	\007e
	no-break space	\00a0
¡	inverted exclamation mark	\00a1
¢	cent sign	\00a2
£	pound sterling sign	\00a3
¤	general currency sign	\00a4
¥	yen sign	\00a5
₹	Indian Rupee (INR) sign	\20B9
¦	broken (vertical) bar	\00a6
§	section sign	\00a7
¨	umlaut (dieresis)	\00a8
©	copyright sign	\00a9
ª	ordinal indicator, feminine	\00aa
«	angle quotation mark, left	\00ab
¬	not sign	\00ac
	soft hyphen	\00ad
®	registered sign	\00ae
¯	macron	\00af
°	degree sign	\00b0
±	plus-or-minus sign	\00b1
²	superscript two	\00b2
³	superscript three	\00b3
´	acute accent	\00b4
µ	micro sign	\00b5
¶	pilcrow (paragraph sign)	\00b6
·	middle dot	\00b7
¸	cedilla	\00b8
¹	superscript one	\00b9
º	ordinal indicator, masculine	\00ba
»	angle quotation mark, right	\00bb
¼	fraction one-quarter	\00bc
½	fraction one-half	\00bd
¾	fraction three-quarters	\00be
¿	inverted question mark	\00bf
À	capital A, grave accent	\00c0
Á	capital A, acute accent	\00c1
Â	capital A, circumflex accent	\00c2
Ã	capital A, tilde	\00c3
Ä	capital A, dieresis or umlaut mark	\00c4
Å	capital A, ring	\00c5
Æ	capital AE diphthong (ligature)	\00c6
Ç	capital C, cedilla	\00c7
È	capital E, grave accent	\00c8
É	capital E, acute accent	\00c9
Ê	capital E, circumflex accent	\00ca
Ë	capital E, dieresis or umlaut mark	\00cb
Ì	capital I, grave accent	\00cc
Í	capital I, acute accent	\00cd
Î	capital I, circumflex accent	\00ce
Ï	capital I, dieresis or umlaut mark	\00cf
Ð	capital Eth, Icelandic	\00d0
Ñ	capital N, tilde	\00d1
Ò	capital O, grave accent	\00d2
Ó	capital O, acute accent	\00d3
Ô	capital O, circumflex accent	\00d4
Õ	capital O, tilde	\00d5
Ö	capital O, dieresis or umlaut mark	\00d6
×	multiply sign	\00d7
Ø	capital O, slash	\00d8
Ù	capital U, grave accent	\00d9
Ú	capital U, acute accent	\00da
Û	capital U, circumflex accent	\00db
Ü	capital U, dieresis or umlaut mark	\00dc
Ý	capital Y, acute accent	\00dd
Þ	capital THORN, Icelandic	\00de
ß	small sharp s, German (sz ligature)	\00df
à	small a, grave accent	\00e0
á	small a, acute accent	\00e1
â	small a, circumflex accent	\00e2
ã	small a, tilde	\00e3
ä	small a, dieresis or umlaut mark	\00e4
å	small a, ring	\00e5
æ	small ae diphthong (ligature)	\00e6
ç	small c, cedilla	\00e7
è	small e, grave accent	\00e8
é	small e, acute accent	\00e9
ê	small e, circumflex accent	\00ea
ë	small e, dieresis or umlaut mark	\00eb
ì	small i, grave accent	\00ec
í	small i, acute accent	\00ed
î	small i, circumflex accent	\00ee
ï	small i, dieresis or umlaut mark	\00ef
ð	small eth, Icelandic	\00f0
ñ	small n, tilde	\00f1
ò	small o, grave accent	\00f2
ó	small o, acute accent	\00f3
ô	small o, circumflex accent	\00f4
õ	small o, tilde	\00f5
ö	small o, dieresis or umlaut mark	\00f6
÷	divide sign	\00f7
ø	small o, slash	\00f8
ù	small u, grave accent	\00f9
ú	small u, acute accent	\00fa
û	small u, circumflex accent	\00fb
ü	small u, dieresis or umlaut mark	\00fc
ý	small y, acute accent	\00fd
þ	small thorn, Icelandic	\00fe
ÿ	small y, dieresis or umlaut mark	\00ff
Œ	latin capital ligature oe	\0152
œ	latin small ligature oe	\0153
Š	latin capital letter s with caron	\0160
š	latin small letter s with caron	\0161
Ÿ	latin capital letter y with diaeresis	\0178
ƒ	latin small f with hook	\0192
ˆ	modifier letter circumflex accent	\02c6
˜	small tilde	\02dc
Α	greek capital letter alpha	\0391
Β	greek capital letter beta	\0392
Γ	greek capital letter gamma	\0393
Δ	greek capital letter delta	\0394
Ε	greek capital letter epsilon	\0395
Ζ	greek capital letter zeta	\0396
Η	greek capital letter eta	\0397
Θ	greek capital letter theta	\0398
Ι	greek capital letter iota	\0399
Κ	greek capital letter kappa	\039a
Λ	greek capital letter lambda	\039b
Μ	greek capital letter mu	\039c
Ν	greek capital letter nu	\039d
Ξ	greek capital letter xi	\039e
Ο	greek capital letter omicron	\039f
Π	greek capital letter pi	\03a0
Ρ	greek capital letter rho	\03a1
Σ	greek capital letter sigma	\03a3
Τ	greek capital letter tau	\03a4
Υ	greek capital letter upsilon	\03a5
Φ	greek capital letter phi	\03a6
Χ	greek capital letter chi	\03a7
Ψ	greek capital letter psi	\03a8
Ω	greek capital letter omega	\03a9
α	greek small letter alpha	\03b1
β	greek small letter beta	\03b2
γ	greek small letter gamma	\03b3
δ	greek small letter delta	\03b4
ε	greek small letter epsilon	\03b5
ζ	greek small letter zeta	\03b6
η	greek small letter eta	\03b7
θ	greek small letter theta	\03b8
ι	greek small letter iota	\03b9
κ	greek small letter kappa	\03ba
λ	greek small letter lambda	\03bb
μ	greek small letter mu	\03bc
ν	greek small letter nu	\03bd
ξ	greek small letter xi	\03be
ο	greek small letter omicron	\03bf
π	greek small letter pi	\03c0
ρ	greek small letter rho	\03c1
ς	greek small letter final sigma	\03C2
σ	greek small letter sigma	\03C3
τ	greek small letter tau	\03C4
υ	greek small letter upsilon	\03C5
φ	greek small letter phi	\03C6
χ	greek small letter chi	\03C7
ψ	greek small letter psi	\03C8
ω	greek small letter omega	\03C9
ϑ	greek small letter theta symbol	\03D1
ϒ	greek upsilon with hook symbol	\03D2
ϖ	greek pi symbol	\03D6
	en space	\2002
	em space	\2003
	thin space	\2009
‌	zero width non-joiner	\200C
‍	zero width joiner	\200D
‎	left-to-right mark	\200E
‏	right-to-left mark	\200F
–	en dash	\2013
—	em dash	\2014
‘	left single quotation mark	\2018
’	right single quotation mark	\2019
‚	single low-9 quotation mark	\201A
“	left double quotation mark	\201C
”	right double quotation mark	\201D
„	double low-9 quotation mark	\201E
†	dagger	\2020
‡	double dagger	\2021
‰	per mille sign	\2030
‹	single left-pointing angle quotation mark	\2039
›	single right-pointing angle quotation mark	\203A
•	bullet, a.k.a. black small circle bullet is NOT the same as bullet operator — u+2219	\2022
…	horizontal ellipsis, a.k.a. three dot leader	\2026
′	prime, a.k.a. minutes, a.k.a. feet	\2032
″	double prime, a.k.a. seconds, a.k.a. inches	\2033
‾	overline, a.k.a. spacing overscore	\203E
⁄	fraction slash	\2044
℘	script capital P, a.k.a. power set, a.k.a. Weierstrass p	\2118
ℑ	blackletter capital I, a.k.a. imaginary part	\2111
ℜ	blackletter capital R, a.k.a. real part symbol	\211C
™	trade mark sign	\2122
ℵ	alef symbol	\2135
←	leftwards arrow	\2190
↑	upwards arrow	\2191
→	rightwards arrow	\2192
↓	downwards arrow	\2193
↔	left right arrow	\2194
↵	downwards arrow with corner leftwards, a.k.a. carriage return	\21B5
⇐	leftwards double arrow can be used for ‘is implied by’	\21D0
⇑	upwards double arrow	\21D1
⇒	rightwards double arrow	\21D2
⇓	downwards double arrow	\21D3
⇔	left right double arrow	\21D4
◄	black left pointing triangle	\25C0
►	black right pointing triangle	\25b6
▲	black up pointing triangle	\25b2
▼	black down pointing triangle	\25bc
∀	for all	\2200
∂	partial differential	\2202
∃	there exists	\2203
∅	empty set, a.k.a. null set, a.k.a. diameter	\2205
∇	nabla, a.k.a. backward difference	\2207
∈	element of	\2208
∉	not an element of	\2209
∋	contains as member	\220B
∏	n-ary product, a.k.a. product sign	\220F
∑	n-ary sumation	\2211
−	minus sign	\2212
∗	asterisk operator	\2217
√	square root, a.k.a. radical sign	\221A
∝	proportional to	\221D
∞	infinity	\221E
∠	angle	\2220
∧	logical and (wedge)	\2227
∨	logical or (vee)	\2228
∩	intersection, a.k.a. cap	\2229
∪	union, a.k.a. cup	\222A
∫	integral	\222B
∴	therefore	\2234
∼	tilde	\223C
≅	approximately equal to	\2245
≈	almost equal to, a.k.a. asymptotic to	\2248
≠	not equal to	\2260
≡	identical to	\2261
≤	less-than or equal to	\2264
≥	greater-than or equal to	\2265
⊂	subset of	\2282
⊃	superset of	\2283
⊄	not a subset of	\2284
⊆	subset of or equal to	\2286
⊇	superset of or equal to	\2287
⊕	circled plus, a.k.a. direct sum	\2295
⊗	circled times, a.k.a. vector product	\2297
⊥	up tack	\22A5
⋅	dot operator	\22C5
⌈	left ceiling, a.k.a. apl upstile	\2308
⌉	right ceiling	\2309
⌊	left floor, a.k.a. apl downstile	\230A
⌋	right floor	\230B
〈	left-pointing angle bracket	\2329
〉	right-pointing angle bracket	\232A
◊	lozenge	\25CA
♠	black spade suit	\2660
♣	black club suit, a.k.a. shamrock	\2663
♥	black heart suit, a.k.a. valentine	\2665
♦	black diamond suit	\2666

CSS references

Entity di CSS: Contoh Simbol dan Codenya

Referensi Entitas CSS Lengkap

Default Value di CSS: Nilai Standar dari Properti CSS

Contoh Kode Warna di CSS dan Hasilnya

You may also like