CSS HTML Karakter

CSS HTML Entitie

Karakter HTML dalam CSS

Inilah pilihan alternatif yang sangat efektif untuk membantu meringankan loading halaman atau Page speed insight apabila membutuhkan karakter ikon atau simbol untuk halaman web atau blog. Meskipun tetap ada kekurangannya karna karakter HTML tidak selengkap dan kurang variatif jenisnya dibanding Font Icon semisal Font Awesome icons atau sejenisnya. Namun karakter, simbol dan ikon HTML ini cukup ringan sehingga sering kita temui didalam keybord berbagai perangkat dan juga aplikasi modern saat ini.

Selain itu, tetap tidak ada salahnya untuk dijadikan pilihan karena simbol ataupun ikon pada Karakter HTML ini yang memang berbasis HTML sehingga sangat ringan tidak akan ada masalah dalam pemuatannya.
Berikut ini daftar Karakter lengkap HTML simbol (entities) beserta kode panggilnya untuk peletakan melalui CSS.

Contoh penggunaan

CSS content (Pseudo element)

Misal membuat link menu seperti ini : Menu

Kode HTML : <a href='#'>Menu</a>

Kemudian disisipkan ikon didepan teks menggunakan CSS : a::before{content:'\2630'}

Tampilannya menjadi seperti ini: Menu

Tabel Simbol HTML & kode CSS
  •  
    0020 Spasi
  • !
    0021 Seru
  • "
    0022 Quote
  • #
    0023 Tag
  • $
    0024 Dollar
  • %
    0025 Persen
  • 2030 Per100
  • 2031 Per1000
  • ©
    00a9 Copyright
  • ®
    00ae Registered
  • ²
    00b2 Kuadrat
  • ³
    00b3 Kubik
  • °
    00b0 Derajat
  • &
    0026 Ampersand
  • '
    0027 apostrophe
  • (
    0028 Kurung Buka
  • )
    0029 Kurung Tutup
  • *
    002a asterisk
  • +
    002b Plus
  • ,
    002c Koma
  • -
    002d Minus
  • .
    002e Titik
  • /
    002f Slahs
  • ¼
    00bc Seperempat
  • ½
    00bd Setengah
  • ¾
    00be Tigaperempat
  • :
    003a
  • ;
    003b
  • 003c
  • >
    003e
  • =
    003d
  • ?
    003f
  • @
    0040
  • [
    005b
  • \
    005c
  • ]
    005d
  • ^
    005e
  • _
    005f
  • `
    0060
  • {
    007b
  • |
    007c
  • }
    007d
  • ¹
    00b9
  • º
    00ba
  • ¿
    00bf
  • ˂
    02c2
  • ˃
    02c3
  • ˄
    02c4
  • ˅
    02c5
  • ˆ
    02c6
  • ˇ
    02c7
  • 2038
  • 2039
  • 203a
  • »
    00bb
  • «
    00ab
  • 2032
  • 2033
  • 2034
  • 2035
  • 2036
  • 2037
  • ~
    007e
  • 00a0
  • ¡
    00a1
  • ¢
    00a2
  • £
    00a3
  • ¤
    00a4
  • ¨
    00a8
  • ª
    00aa
  • ¬
    00ac
  • ­
    00ad
  • ¯
    00af
  • ±
    00b1
  • ´
    00b4
  • µ
    00b5
  • 00b6
  • ·
    00b7
  • ¸
    00b8
  • 203b
  • 203c
  • 26ce
  • 26cf
  • 26d1
  • 26d3
  • 26d4
  • 26e9
  • 26ea
  • 26f0
  • 26f1
  • 26f2
  • 26f3
  • 26f4
  • 26f5
  • 26f7
  • 26f8
  • 26f9
  • 26fa
  • 26fd
  • 2708
  • 2705
  • 2709
  • 270a
  • 270b
  • 270c
  • 270d
  • 270e
  • 270f
  • 2710
  • 2712
  • 2714
  • 2716
  • 271d
  • 2721
  • 26a1
  • 2728
  • 2733
  • 2734
  • 2735
  • 2744
  • 2747
  • 274c
  • 274e
  • 27b0
  • 2795
  • 2796
  • 2797
  • 2763
  • 2764
  • 2753
  • 2754
  • 2755
  • 2756
  • 2757
  • 21a9
  • 21aa
  • 2611
  • 2614
  • 2615
  • 2618
  • 2620
  • 267e
  • 267f
  • 2622
  • 2623
  • 2626
  • 262a
  • 262e
  • 2639
  • 2612
  • 260e
  • 260f
  • 2610
  • 2613
  • 2616
  • 2617
  • 2619
  • 261a
  • 261b
  • 261c
  • 261d
  • 261e
  • 261f
  • 2624
  • 2625
  • 2621
  • 2627
  • 2628
  • 2629
  • 262b
  • 262c
  • 262d
  • 262f
  • 2630
  • 2631
  • 2632
  • 2633
  • 2634
  • 2635
  • 2636
  • 2637
  • 2638
  • 263a
  • 263b
  • 263c
  • 263d
  • 263e
  • 2642

  • 2640
  • 2690
  • 2691
  • 2698
  • 2692
  • 2693
  • 2694
  • 2695
  • 2696
  • 2697
  • 2699
  • 26a7
  • 26aa
  • 26ab
  • 26b0
  • 26b1
  • 26bd
  • 26be
  • 26c0
  • 26c1
  • 26c2
  • 26c3
  • 26c4
  • 26c5
  • 26c6
  • 26c7
  • 26c8
  • 269b
  • 269c
  • 269a

# Planet
  • 2641 Bumi
  • 263f Mercury
  • 2643 Jupiter
  • 2644 Saturn
  • 2645 Uranus
  • 2646 Neptune
  • 2647 Pluto
  • 269d Star

# Zodiak
  • 2648 Aries
  • 2649 Taurus
  • 264a Gemini
  • 264b Cancer
  • 264c Leo
  • 264d Virgo
  • 264e Libra
  • 264f Scorpius
  • 2650 Sagitarius
  • 2651 Capricorn
  • 2652 Aquarius
  • 2653 Pisces

# Negative Circled Digit
  • 2776
  • 2777
  • 2778
  • 2779
  • 277a
  • 277b
  • 277c
  • 277d
  • 277e
  • 277f

# Circle
  • 2780
  • 2781
  • 2782
  • 2783
  • 2784
  • 2785
  • 2786
  • 2787
  • 2788
  • 2789

# Circled Negative
  • 278a
  • 278b
  • 278c
  • 278d
  • 278e
  • 278f
  • 2790
  • 2791
  • 2792
  • 2793

  • 25fb
  • 25fc
  • 25fd
  • 25fe
  • 2604
  • 25ff
  • 2600
  • 2602
  • 2603
  • 2605
  • 2606
  • 2607
  • 2608
  • 2609
  • 260a
  • 260b
  • 260c
  • 260d

# Bidak Catur
  • 2654
  • 2655
  • 2656
  • 2657
  • 2658
  • 2659
  • 265a
  • 265b
  • 265c
  • 265d
  • 265e
  • 265f

# Kartu
  • 2660
  • 2661
  • 2662
  • 2663
  • 2664
  • 2665
  • 2666
  • 2667
  • 25c6
  • 25c7

  • 2668
  • 2669
  • 266a
  • 266b
  • 266c
  • 266d
  • 266e
  • 266f
  • 2670
  • 2671

# Peringatan
  • 2672
  • 2673
  • 2674
  • 2675
  • 2676
  • 2677
  • 2678
  • 2679
  • 267a
  • 267b
  • 267c
  • 267d
  • 2680 die face-1
  • 2681 die face-2
  • 2682 die face-3
  • 2683 die face-4
  • 2684 die face-5
  • 2685 die face-6
  • 2686 white circle with dot right
  • 2687 white circle with two dots
  • 2688 black circle with white dot right
  • 2689 black circle with two white dots
  • 268a monogram for yang
  • 268b monogram for yin
  • 268c digram for greater yang
  • 268d digram for lesser yin
  • 268e digram for lesser yang
  • 268f digram for greater yin
  • 269e three lines converging right
  • 269f three lines converging left
  • 26a0 warning sign
  • 26a2 doubled female sign
  • 26a3 doubled male sign
  • 26a4 interlocked female and male sign
  • 26a5 male and female sign
  • 26a6 male with stroke sign
  • 26a8 vertical male with stroke sign
  • 26a9 horizontal male with stroke sign
  • 26ac medium small white circle
  • 26ad marriage symbol
  • 26ae divorce symbol
  • 26af unmarried partnership symbol
  • 26b2 neuter
  • 26b3 ceres
  • 26b4 pallas
  • 26b5 juno
  • 26b6 vesta
  • 26b7 chiron
  • 26b8 black moon lilith
  • 26b9 sextile
  • 26ba semisextile
  • 26bb quincunx
  • 26bf squared key
  • 26bc sesquiquadrate
  • 26c9 turned white shogi piece
  • 26ca turned black shogi piece
  • 26cb white diamond in square
  • 26cc crossing lanes
  • 26cd disabled car
  • 26d2 circled crossing lanes
  • 26d0 car sliding
  • ʳ
    02b3 modifier letter small r
  • ʴ
    02b4 modifier letter small turned r
  • ʵ
    02b5 modifier letter small turned r with hook
  • ʶ
    02b6 modifier letter small capital inverted r
  • ʷ
    02b7 modifier letter small w
  • ʸ
    02b8 modifier letter small y
  • ʹ
    02b9 modifier letter prime
  • ʺ
    02ba modifier letter double prime
  • ʻ
    02bb modifier letter turned comma
  • ʼ
    02bc modifier letter apostrophe
  • ʽ
    02bd modifier letter reversed comma
  • ʾ
    02be modifier letter right half ring
  • ʿ
    02bf modifier letter left half ring
  • ˀ
    02c0 modifier letter glottal stop
  • ˁ
    02c1 modifier letter reversed glottal stop
  • 203d interrobang
  • 203e overline
  • ˈ
    02c8 modifier letter vertical line
  • ˉ
    02c9 modifier letter macron
  • ˊ
    02ca modifier letter acute accent
  • ˋ
    02cb modifier letter grave accent
  • ˌ
    02cc modifier letter low vertical line
  • ˍ
    02cd modifier letter low macron
  • ˎ
    02ce modifier letter low grave accent
  • ˏ
    02cf modifier letter low acute accent
  • ː
    02d0 modifier letter triangular colon
  • ˑ
    02d1 modifier letter half triangular colon
  • ˒
    02d2 modifier letter centred right half ring


# Kartu
    ➢ 27a2 three-d top-lighted rightwards arrowhead ➣ 27a3 three-d bottom-lighted rightwards arrowhead ➤ 27a4 black rightwards arrowhead ➥ 27a5 heavy black curved downwards and rightwards arrow ➦ 27a6 heavy black curved upwards and rightwards arrow ➧ 27a7 squat black rightwards arrow ➨ 27a8 heavy concave-pointed black rightwards arrow ➩ 27a9 right-shaded white rightwards arrow ➪ 27aa left-shaded white rightwards arrow ➫ 27ab back-tilted shadowed white rightwards arrow
    # Panah
    • 27ac
    • 27ad
    • 27ae
    • 27af
    • 27b1
    • 27b2
    • 27b3
    • 27b4
    • 27b5
    • 2794
    • 2798
    • 2799
    • 279a
    • 279b
    • 279c
    • 279e
    • 27b6
    • 27b7
    • 27b8
    • 27b9
    • 27ba
    • 27bb
    • 27bc
    • 27bd
    • 27be
    • 27bf
Posting Komentar (0)
Lebih baru Lebih lama