라벨이 - IT인 게시물 표시

한컴(한글)에서 반 칸 띄어 쓰기

이미지
한컴(한글)에서 반 칸 띄어 쓰기 방법을 알려 드리려고 합니다. 1. 반 칸 띄어 쓰는 방법 보통 스페이스 바를 누르면 한 칸이 띄어지게 되는데 한글의 기능 중 반 칸을 띄어쓰기 하는 기능이 있습니다.  아래의 이미지를 보면 반 칸 띄어쓰기 된 것과 한 칸 띄어쓰기 된 것의 길이 차이입니다. 확실히 반 칸과 한 칸의 간격은 다른 것을 알 수 있습니다. 한글에서 반 칸을 띄어쓰기 하는 단축키는    Alt+ [스페이스바]  입니다. 너무 간단하죠? 2. 결론 편집을 할 때 적절한 상황에 맞게 반 칸과 한 칸 띄어쓰기를 해야 할 때가 있는데 정교한 편집이 필요한 경우 이 기능을 사용하면 편집에 많은 도움을 줄 수 있습니다. 그렇게 어려운 과정도 아니라    Alt+ [스페이스바]   꼭 기억하시고 유용하게 사용하시면 좋겠습니다.

border-image-repeat: round 분석

이미지
 HTML, CSS에서 border-image-repeat: round를 사용한 border-image를 사용하게 될 일이 종종 있는데 코드를 자세히 분석해 보겠습니다. round는 stretch처럼 길이를 늘리는 게 아니라 설정해 놓은 영역을 반복하게 하는 속성입니다. 아래 결과 이미지를 보시면 아시겠지만 반복되는 스프링 노트 부분 같은 경우 이미지가 늘어나면 비율이 깨지는데 이런 식으로 round로 설정해 놓으면 그 부분을 계속 반복하게 됩니다. 1. 분석할 border-image css 코드   1 2 3 4 5 6 .box_note1  { border :  25px solid #7f7f7f ; border-image :  url("../Images/start_ch.png") fill ; border-image-repeat :  round stretch ;  padding :  0em 2em 1em 0.5em ; border-image-slice :  110 450 545 330 ; border-image-width :  30px 92px 90px 72px ;   } cs   2. 코드 해석 해당 CSS 코드는 .box_note1라는 클래스를 가진 HTML 요소의 스타일을 설정하는 코드입니다. 각 줄의 의미는 다음과 같습니다.  border: 25px solid #FF0000;: 요소의 테두리를 빨간색(#FF0000)으로 설정하고 테두리의 두께를 25픽셀로 설정한다는 의미입니다.  border-image: url("../Images/start_ch.png") fill 52/26px;: 테두리 이미지로 ../Images/start_ch.png 파일을 사용하도록 설정합니다. 사실 이 두께는 만약에 설정한 이...