목록P (7)
투케이2K

[개발 환경 설정] 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery [소스코드] [p 태그 : letter-spacing: 10px;] letter-spacing : 텍스트 자간 (가로 간격) 사이즈를 설정할 수 있습니다 [p 태그 : letter-spacing: 5px;] letter-spacing : 텍스트 자간 (가로 간격) 사이즈를 설정할 수 있습니다 [p 태그 : letter-spacing: 0px;] letter-spacing : 텍스트 자간 (가로 간격) 사이즈를 설정할 수 있습니다 [p 태그 : letter-spacing: -1px;] letter-spacing : 텍스트 자간 (가로 간격) 사이즈를 설정할 수 있습니다 [결과 출력] [요약 설명] ..

[개발 환경 설정] 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery [소스코드] [div : height:10%; display: block; overflow: auto;] [p : display: table-cell;] 부모 div 스타일 height 지정 및 display block 설정, overflow 길이 초과 auto 처리 실시 자식 p 태그 스타일 display: table-cell; 처리 실시 [결과 출력] [요약 설명]

[개발 환경 설정] 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery [소스코드] [div : height:3%; display:table; table-layout:fixed;] [p : overflow: hidden; text-overflow: ellipsis; white-space: nowrap;] 부모 div 스타일 height 지정 및 텍스트 영역 초과시 히든 처리 실시 [div : display:table; table-layout:fixed;] [p : 텍스트 영역 초과 시 히든 처리 않함] 부모 div 스타일 height 지정 없음. p 태그 텍스트 글자 수에 맞춰서 자동으로 div height 영역 높이 조절 [결과 출력] [요약 설명]

[개발 환경 설정] 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery [소스코드] [text-align: left] [line-height: 20px] p 태그 텍스트 text-align: left 속성 값은 수평 방향 기준으로 왼쪽으로 정렬을 실시합니다. p 태그 line-height: 20px; 속성 값은 수직 방향 기준으로 줄 간격 높이를 설정 합니다 [text-align: left] [line-height: 40px] p 태그 텍스트 text-align: left 속성 값은 수평 방향 기준으로 왼쪽으로 정렬을 실시합니다. p 태그 line-height: 40px; 속성 값은 수직 방향 기준으로 줄 간격 높이를 설정 합니다 [text-align: left] [pa..

[개발 환경 설정] 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery [소스코드] hello hello hello [결과 출력] [요약 설명]

[ 개발 환경 설정 ] 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery [소스 코드] 좌측정렬 중앙정렬 우측정렬 양쪽정렬 일반 Lowercased Uppercased Capitalized text-primary text-secondary text-success text-danger text-warning text-info text-light text-dark text-white h1. Bootstrap heading h2. Bootstrap heading h3. Bootstrap heading h4. Bootstrap heading h5. Bootstrap heading h6. Bootstrap heading [결과 출력] [요약 설명] 1. p-속성 : p ..

/* =========================== */ [ 개발 환경 설정 ] 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery /* =========================== */ /* =========================== */ [소스 코드] ONE TWO /* =========================== */ /* =========================== */ [결과 출력] /* =========================== */ /* =========================== */ [요약 설명] /* [요소 설명] 1. font-family : 폰트 표시 형태 스타일 지정 2. width : 가로 크..