글자마다 위에 점 찍기

글자마다 위에 점 찍기

QA

글자마다 위에 점 찍기

본문

3077114933_1530340252.0313.png

h1:before{
    color:#ff2900;
    top:-25px;
    left:22px;
    position:absolute;
    border-radius: 70px !important;
    font-size:45px;
    letter-spacing:15px;
    content:"............"   
}

이렇게 한번해봤는데 이건 아닌 것같아서 각 극자마다 위에 점 띄우고 싶은데

스마트한 방법이 없을까요?

이 질문에 댓글 쓰기 :

답변 1

<style>
.char{
 text-emphasis-style: dot;
  text-emphasis-position: over left;
  -webkit-text-emphasis-style: dot;
  -webkit-text-emphasis-position: over;
}
</style>
<div style="padding:20px">
    <span class="char">테스트</span>
</div>

 

지원되는 브라우저는 

https://caniuse.com/#feat=text-emphasis
입니다

답변을 작성하시기 전에 로그인 해주세요.
전체 1,178
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT