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

텍스트를 정열하는 css

오작교 28619

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 287561 0
공지 HTML HTML과 CSS의 종합 정리 1 오작교 07.10.01.10:21 346614 0
공지 일반 스타일시트의 총정리 오작교 06.09.14.13:08 291243 +14
300
normal
오작교 23.12.10.09:32 14366 0
299 Script
normal
오작교 23.12.10.09:29 19503 0
298 CSS
normal
오작교 21.01.09.14:18 40505 0
297 HTML
normal
오작교 15.09.17.08:58 116125 0
296 HTML
normal
오작교 15.09.13.21:38 21412 0
295 HTML
normal
오작교 15.09.13.21:30 24989 0
294 HTML
normal
오작교 15.08.30.12:19 52588 0
293 Script
normal
오작교 15.05.12.14:06 20940 0
292 HTML
file
오작교 12.03.08.13:51 35744 0
291 HTML
normal
오작교 11.06.03.10:44 40556 0
290 CSS
normal
오작교 11.06.03.10:29 70448 0
289 Script
normal
오작교 11.03.22.11:19 43263 0
288 Script
normal
오작교 11.03.22.11:15 38006 0
287 Script
normal
오작교 11.03.22.11:07 36897 0
286 HTML
normal
오작교 11.01.25.10:27 36038 0
285 CSS
normal
오작교 11.01.24.10:40 35157 0
284 HTML
normal
오작교 11.01.24.10:39 36874 0
283 Script
normal
오작교 11.01.24.10:34 37889 0
282 CSS
normal
오작교 11.01.24.10:31 37520 0
281 CSS
normal
오작교 11.01.24.10:27 36015 0