잠시만 기다려 주세요

     '싸우지 않는 이재명을 규탄한다. 민생충, 협치충, 역풍충.. 국민들은 치가 떨린다.'
전체검색 :  
이번주 로또 및 연금번호 발생!!   |  HOME   |  여기는?   |  바다물때표   |  알림 (16)  |  여러가지 팁 (1060)  |  추천 및 재미 (156)  |  자료실 (22)  |  
시사, 이슈, 칼럼, 평론, 비평 (615)  |  끄적거림 (136)  |  문예 창작 (716)  |  바람 따라 (75)  |  시나리오 (760)  |  드라마 대본 (248)  |  
살인!


    html/css/xml

html/css/xml - CSS / letter-spacing, word-spacing / 글자 사이 간격, 단어 사이 간격, 자간
이 름 : 바다아이   |   조회수 : 6993         짧은 주소 : https://www.bada-ie.com/su/?861592754532

letter-spacing, word-spacing

  • 글자 사이의 간격은 letter-spacing으로, 단어 사이의 간격은 word-spacing으로 정합니다.
  • 값이 커지면 간격이 커집니다.
  • 값에는 음수를 넣을 수 있습니다.
  • 음수를 값으로 하는 경우 글자가 겹칠 수 있습니다.

예제

  • 값의 변화에 따른 간격의 변화를 보여주는 예제입니다.
  • 글자 사이의 간격을 변화시키면 단어 사이의 간격도 변합니다.
  • 단어 사이의 간격을 변화시켜도 글자 사이의 간격은 변하지 않습니다.
<!doctype html>
<html lang="ko">
  <head>
    <meta charset="utf-8">
    <title>CSS</title>
    <style>
      body {
        font-family: Consolas, monospace;
      }
      .a {
        letter-spacing: -5px;
      }
      .b {
        letter-spacing: 0px;
      }
      .c {
        letter-spacing: 5px;
      }
      .d {
        word-spacing: -20px;
      }
      .e {
        word-spacing: 0px;
      }
      .f {
        word-spacing: 20px;
      }
    </style>
  </head>
  <body>
    <h1>letter-spacing</h1>
    <p class="a">Lorem Ipsum Dolor</p>
    <p class="b">Lorem Ipsum Dolor</p>
    <p class="c">Lorem Ipsum Dolor</p>
    <h1>word-spacing</h1>
    <p class="d">Lorem Ipsum Dolor</p>
    <p class="e">Lorem Ipsum Dolor</p>
    <p class="f">Lorem Ipsum Dolor</p>
  </body>
</html>




출처 : https://www.codingfactory.net/10463

| |





      1 page / 2 page
번 호 카테고리 제 목 이름 조회수
48 html/css/xml ... 바다아이 2478
47 html/css/xml ckeditor css ,,, .. ckeditor 바다아이 3763
46 html/css/xml ckeditor font size , ckeditor , ckeditor <br>, width height . 바다아이 4988
45 html/css/xml robots.txt, ... 바다아이 6895
현재글 html/css/xml CSS / letter-spacing, word-spacing / , , 바다아이 6994
43 html/css/xml ie , ... 바다아이 7048
42 html/css/xml html tab , .... 바다아이 11772
41 html/css/xml css on/off , toggle switch , 바다아이 9104
40 html/css/xml pt, px, em, %, font , , 바다아이 8809
39 html/css/xml (font face) 바다아이 8944
38 html/css/xml .... 바다아이 9134
37 html/css/xml html MIME ... 바다아이 11824
36 html/css/xml ckeditor ajax .... 바다아이 9465
35 html/css/xml [] , 바다아이 12807
34 html/css/xml , , , ico 바다아이 8988
33 html/css/xml input , autocomplete 바다아이 9489
32 html/css/xml [CSS] , border-radius, 바다아이 10465
31 html/css/xml ckeditor 4 ... 바다아이 11271
30 html/css/xml HTTP/2 ? 바다아이 17277
29 html/css/xml HTTP/2 ? 바다아이 9324
28 html/css/xml xml .... sitemap.xml 바다아이 9256
27 html/css/xml ckeditor config.js .... 바다아이 10158
26 html/css/xml 바다아이 10025
25 html/css/xml 바다아이 9159
24 html/css/xml , border 바다아이 9212
23 html/css/xml , 바다아이 9930
22 html/css/xml (= HTML ), entity code 바다아이 10195
21 html/css/xml (Won;) (;Backslash; ) , , 바다아이 13136
20 html/css/xml 바다아이 9684
19 html/css/xml / / 바다아이 10122
| |









Copyright ⓒ 2001.12. bada-ie.com. All rights reserved.
이 사이트는 리눅스에서 firefox 기준으로 작성되었습니다. 기타 브라우저에서는 다르게 보일 수 있습니다.
[ Ubuntu + GoLang + PostgreSQL + Mariadb ]
서버위치 : 오라클 클라우드 춘천  실행시간 : 0.05396
to webmaster... gogo sea. gogo sea.