Ideographic Full Stop

Shortcodes

Copy and paste codes for Ideographic Full Stop symbol 。 to use in your websites, apps, blogs, and more.

Unicode
U+3002
HTML Code
。
HEX Code
。
CSS Code
\3002
JS/JSON
\u3002
Unix/C/PHP/JAVA
0x3002
URL-encode
%E3%80%82
copied

Customize Ideographic Full Stop Symbol

Customize 。 symbol as you like and download Ideographic Full Stop as SVG or PNG or copy its HTML code to use in your projects.

Preview helps customize symbol. Downloaded image and HTML code may have size/spacing differences.

                        
                    

How to add Ideographic Full Stop symbol in HTML, CSS, and JS?

Insert 。 Ideographic Full Stop using HTML

1. Copy-paste Ideographic Full Stop directly:
<span>。</span>
2. HTML Decimal Code:
<span>&#12290;</span>
3. Hexadecimal Code:
<span>&#x3002;</span>
Preview:

Add Ideographic Full Stop symbol with CSS

.ideographic-full-stop::before {
    content: '\\3002';
}
Preview: Ideographic Full Stop

Ideographic Full Stop JavaScript Code

1. Direct Symbol:
document.querySelector('.ideographic-full-stop').textContent = '。';
2. Unicode Escape for 。:
document.querySelector('.ideographic-full-stop').textContent = '\u3002';
Preview: