• 돌아가기
  • 아래로
  • 위로
  • 목록
  • 댓글
CSS

텍스트를 정열하는 css

오작교 28618

0
text-align 속성은 뭘 까요? 그냥 척 보면 알겠죠....
정렬해주는 기능이죠. 뭘 정렬해주냐고요? 글자뿐만 아니라 이 속성에 포함된 요소의 정렬방식을 결정해주는 기능을 합니다.  

text-indent속성은 들여쓰기의 길이를 정해주는 기능을 합니다. 들여쓰기가 뭔지는 아시겠죠?  
문단의 첫 부분을 다른 행에 비해 조금씩 넣어주는 것을 말하죠. 자...그럼 예제를 보겠습니다.


<style type="text/css">
  <!--
   p { font-size:13px; color:blue; text-align:right; }
   .love { text-indent:5%; text-align:left; }
  -->
</style>
<body>
  <p> 디스플레이의 경우 보다 부피가 적은 모니터와 선명하고 안정적인 화면이 동시에 요구되고 있어 LCD와 PDP제품의 개발 및 줄시가 증가하고 있다. LCD모니터는 일본시장에서 이미 테스크탑 모니터의 50%이상을 차지하는 등 빠른 성장세를 나타내고 있으며 가격도 지속적으로 하락하고 있어 국내에서도 올 하반기를 기점으로 시장점유율이 큰 폭으로 상승할 것으로 전망된다.</p>
<p class=love>PDP는 현재까지 40인치 이상의 대형화면을 표현하는 데 가장 적합한 매체로 알려져 대형화면을 요구하는 소비자를 대상으로 판매가 확대되고 있다. PDP는 기존 모니터와 비교해 처박형이면서 완전평면으로 대형화면표시가 가능하며, 시야각이 160도 이상으로 넓어 차세대 디스플레이로 각광받고 있다....</p>
</body>
공유
0

댓글 쓰기 권한이 없습니다. 로그인

취소 댓글 등록

신고

"님의 댓글"

이 댓글을 신고하시겠습니까?

댓글 삭제

"님의 댓글"

삭제하시겠습니까?

목록

공유

facebooktwitterpinterestbandkakao story
번호 분류 제목 글쓴이 날짜 조회 추천
공지 HTML HTML 기초 다지기 4 오작교 08.06.17.16:26 287549 0
공지 HTML HTML과 CSS의 종합 정리 1 오작교 07.10.01.10:21 346602 0
공지 일반 스타일시트의 총정리 오작교 06.09.14.13:08 291236 +14
74 CSS
normal
오작교 21.01.09.14:18 40504 0
73 CSS
normal
오작교 11.06.03.10:29 70445 0
72 CSS
normal
오작교 11.01.24.10:40 35157 0
71 CSS
normal
오작교 11.01.24.10:31 37519 0
70 CSS
normal
오작교 11.01.24.10:27 36014 0
69 CSS
normal
오작교 10.05.25.23:30 38352 0
68 CSS
normal
오작교 10.05.25.23:27 36609 0
67 CSS
normal
오작교 10.05.25.23:24 37137 0
66 CSS
normal
오작교 10.05.25.22:18 33844 0
65 CSS
normal
오작교 10.05.25.22:13 36095 0
64 CSS
file
오작교 10.03.23.08:22 73490 0
63 CSS
normal
오작교 09.07.07.17:22 33165 0
62 CSS
normal
오작교 09.07.07.17:18 26897 0
61 CSS
normal
오작교 09.07.07.17:12 27515 0
60 CSS
normal
오작교 09.07.07.17:07 32182 0
59 CSS
normal
오작교 09.07.07.17:04 27705 0
58 CSS
normal
오작교 09.07.07.17:01 36460 0
57 CSS
normal
오작교 09.07.07.16:57 26521 0
CSS
normal
오작교 09.07.07.16:43 28618 0
55 CSS
normal
오작교 09.07.07.16:40 28166 0