잠시만 기다려 주세요

     '애도와 추모가 책임있는 사람들에게 면죄부를 주어서는 안됩니다. -더불어 민주당 국회의원 김용민-'
전체검색 :  
이번주 로또 및 연금번호 발생!!   |  HOME   |  여기는?   |  바다물때표   |  알림 (15)  |  여러가지 팁 (1040)  |  추천 및 재미 (150)  |  자료실 (22)  |  
시사, 이슈, 칼럼, 평론, 비평 (553)  |  끄적거림 (111)  |  문예 창작 (657)  |  바람 따라 (68)  |  시나리오 (760)  |  드라마 대본 (248)  |  
살인!

    html/css/xml

html/css/xml - CSS / letter-spacing, word-spacing / 글자 사이 간격, 단어 사이 간격, 자간
이 름 : 바다아이   |   조회수 : 4665         짧은 주소 : 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 자주 쓰는 엔티티코드... 사용 빈도수가 높은 엔티티 코드 정리 바다아이 944
47 html/css/xml ckeditor 소스보기 누르면 css 날아가는 현상,,, 문제.. ckeditor 소스보기 문제 바다아이 1916
46 html/css/xml ckeditor font size 설정하기, ckeditor 기본 폰트 크기 설정, ckeditor 줄바꿈 <br>, width height 설정. 바다아이 2883
45 html/css/xml robots.txt, 사이트 검색 로봇 설정... 바다아이 3992
현재글 html/css/xml CSS / letter-spacing, word-spacing / 글자 사이 간격, 단어 사이 간격, 자간 바다아이 4666
43 html/css/xml ie 인터넷 익스플로러 폰트 적용 문제, 인터넷 익스플로러 나눔폰트 적용... 바다아이 4703
42 html/css/xml html 에서 탭 tab 키 사용하기, 표현하기.... 바다아이 6834
41 html/css/xml css 전원 스위치 on/off 버튼, toggle switch 버튼, 토글스위치 바다아이 6704
40 html/css/xml pt, px, em, %, font 폰트 글꼴의 단위에 따른 크기 사이즈 비교표, 폰트 크기, 글씨 크기 바다아이 6542
39 html/css/xml 폰트 글꼴(font face) 목록 바다아이 6671
38 html/css/xml 고정 레이어 예제.... 바다아이 6897
37 html/css/xml html 문서 MIME 타입 확인... 바다아이 8342
36 html/css/xml ckeditor ajax 통신시 본문값이 빈값으로 들어가는 문제.... 바다아이 7095
35 html/css/xml [정규표현식] 정규표현식 정리, 정규식 바다아이 9377
34 html/css/xml 홈페이지, 사이트 주소 앞에 아이콘, 주소창 작은 아이콘, ico 파일 바다아이 6769
33 html/css/xml 브라우저 input 태그의 자동완성 기능 해제하기, 끄기 autocomplete 바다아이 7248
32 html/css/xml [CSS] 테두리 및 외곽선을 둥글게 표현하기, border-radius, 라운드 바다아이 7834
31 html/css/xml ckeditor 4 메뉴 툴바 도구 선택... 바다아이 8761
30 html/css/xml HTTP/2 왜 지금 적용해야 하는가? 바다아이 11085
29 html/css/xml HTTP/2란 무엇인가? 바다아이 7102
28 html/css/xml 사이트맵 xml 예제.... sitemap.xml 바다아이 7088
27 html/css/xml ckeditor config.js 설정 기본값.... 바다아이 7888
26 html/css/xml 이미지 없을 때 엑스박 대신 다른 이미지 보여주기 바다아이 7792
25 html/css/xml 레이어 팝업 소스 바다아이 7026
24 html/css/xml 테이블, 이미지 테두리관련 border 스타일 바다아이 7009
23 html/css/xml 테이블 깨짐, 깨지는 것 방지 바다아이 7644
22 html/css/xml 특수문자 코드표 (=특수문자 HTML 엔티티 코드), entity code 바다아이 7957
21 html/css/xml 원화(Won;￦) 대신 백슬래시(＼;Backslash; 백슬래쉬)로 나타내기, 역슬래시, 역슬래쉬 바다아이 9426
20 html/css/xml 특수문자 리스트 바다아이 7396
19 html/css/xml 블로그/웹에서 소스코드 하이라이트/구문강조 사용하기 바다아이 7740
1
2
| |









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