메뉴 건너뛰기

Jin_Xe2015

html 들여쓰기(indent)

2019.11.14 07:50

JIN 조회 수:148

https://blog.naver.com/mathesis_time/221656855360

이때 백분율(%)은 부모의 너비를 기준으로 값만큼 들여쓰기가 됩니다.

부모란, 해당 태그를 포함하는 바로 상위 태그를 말합니다.

보통 <p> 태그의 부모는 <body>가 되고, <li> 태그의 부모는 <ol>이나 <ul>입니다.

<p> 태그를 50%로 들여쓰기를 하면, 부모인 <body> 태그 넓이의 반만큼 첫 줄이 들여쓰기 됩니다.

 

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>들여쓰기</title>

<style>

.small {text-indent: 50px;}

.big {text-indent:50%;}

</style>

</head>

<body>

<p> 문단1입니다.문단1입니다.문단1입니다.문단1입니다.문단1입니다.문단1입니다.문단1입니다.문단1입니다.문단1입니다.문단1입니다.문단1입니다.문단1입니다.문단1입니다.문단1입니다.문단1입니다.문단1입니다.문단1입니다. </p> <p class="small"> 문단2입니다.문단2입니다.문단2입니다.문단2입니다.문단2입니다.문단2입니다.문단2입니다.문단2입니다.문단2입니다.문단2입니다.문단2입니다.문단2입니다.문단2입니다.문단2입니다.문단2입니다.문단2입니다.문단2입니다.</p> <p class="big"> 문단3입니다.문단3입니다.문단3입니다.문단3입니다.문단3입니다.문단3입니다.문단3입니다.문단3입니다.문단3입니다.문단3입니다.문단3입니다.문단3입니다.문단3입니다.문단3입니다.문단3입니다.문단3입니다.문단3입니다.문단3입니다.</p>

</body>

</html>

  1. [2019/11/14] css paragraph by JIN (143)
  2. [2019/11/14] 들여쓰기 : <p><q>지정 <ul> by JIN (143)
번호 제목 글쓴이 날짜 조회 수 최근 수정일
33 [Js]네이버프러그인:"요약"(접기)/"각주" JIN 2020.06.09 201 2020.06.09
32 ActivX가 실행되지 않는 경우 JIN 2019.11.28 165 2019.11.28
31 확장자 표시(변경) - 폴더 옵션 : 상단 [보기][옵션] JIN 2019.11.27 344 2019.11.27
30 ScrollBar Color Tag JIN 2019.11.23 138 2019.11.23
29 [링크]iFrame Scrollbar ?? div tag 사용해야함 !! JIN 2019.11.23 161 2019.11.23
28 css paragraph file JIN 2019.11.14 143 2019.11.14
27 들여쓰기 : <p><q>지정 <ul> JIN 2019.11.14 143 2019.11.14
26 들여쓰기 : 우클릭-List-Indent/Outdent :<blockquote> JIN 2019.11.14 147 2019.11.14
25 html 들여쓰기 : <style><div> - <div>개별입력 JIN 2019.11.14 142 2019.11.14
24 [HTML/CSS] 리스트 항목 줄바꿈 들여쓰기 <ol style><li> JIN 2019.11.14 317 2019.11.14
» 들여쓰기(indent) JIN 2019.11.14 148 2019.11.14
22 여백 조정 : 숫자형식 #,##0_-_- JIN 2019.11.14 139 2019.11.14
21 MM_openBrWindow JIN 2019.11.13 139 2019.11.13
20 url JIN 2018.12.02 186 2018.12.03
19 INDIRECT COLUMN()+1, MATCH file JIN 2018.12.02 189 2018.12.02
18 INDIRECT(텍스트 셀 주소, 표시 형식) JIN 2018.12.02 171 2018.12.02
17 드롭다운 소분류 만들기 file JIN 2018.12.02 606 2019.11.24
16 VLOOKUP(181202sun 제작 중) file JIN 2018.12.02 174 2018.12.02
15 181201sat.드롭다운상자와 이름정의 검색 file JIN 2018.12.02 441 2018.12.02
14 Anchor Top JIN 2018.11.14 165 2018.12.02