CSS - text

2022. 5. 13. 15:59·STUDY/CSS
반응형

text로 시작하는 글자속성

 1. text-align : 수평 정렬

 2. text-decoration : 글자의 여러줄 지정

 3. text-indent : 들여쓰기 지정

 4. text-transform : 영문 대/소문자 변경


1. text-align

text-align: left; : 왼쪽정렬
text-align: center; : 가운데 정렬
text-align: right; : 오른쪽정렬
text-align: justify; : 양쪽정렬

<result>

 

 

* input태그 안에서도 사용 가능

<result>

 

 

*table태그 안에서도 사용 가능

<result>

 


2.text-decoration

text-decoration : overline;   : 글자 위에 줄
text-decoration : line-through;   : 글자 중간에 줄(취소선)
text-decoration : underline; : 글자 아래 줄
text-decoration : none : 없애기

   ※hover : 마우스 오버시 css 지정

<result>

 

 


3. text-indent

text-indent: 양수,음수,%,em
                -> 첫 줄에만 적용 됨

<result>

 


 

4. text-transform

text-transform : none       : 변경없음
text-transform : lowercase : 소문자로 변경
text-transform : uppercase : 대문자로 변경
text-transform : capitalize  : 첫글자를 대문자로 변경

<result>

 

반응형
저작자표시 (새창열림)

'STUDY > CSS' 카테고리의 다른 글

CSS - font  (0) 2022.04.29
CSS - 선택자를 이용해서 css 적용  (0) 2022.04.29
CSS - css를 적용하는 3가지 방법  (0) 2022.04.29
'STUDY/CSS' 카테고리의 다른 글
  • CSS - font
  • CSS - 선택자를 이용해서 css 적용
  • CSS - css를 적용하는 3가지 방법
3unB
3unB
  • 3unB
    ILLILI
    3unB
  • 전체
    오늘
    어제
    • 분류 전체보기 (158)
      • STUDY (107)
        • JAVA (30)
        • SPRING (29)
        • JSP (11)
        • DATABASE (19)
        • HTML (0)
        • CSS (4)
        • GITHUB (2)
        • ETC (4)
        • 자격증 (1)
        • ERROR (6)
      • PROJECT (6)
        • Personal_Project 01 - commu.. (1)
        • TeamProject - JOINUS (4)
      • EUNB (30)
        • 맛집 (27)
        • 여행 (3)
        • 전세사기 (0)
      • 오블완챌린지 ++ (11)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

    • 짱민지
    • 아랄이
  • 공지사항

  • 인기 글

  • 태그

    mysql
    망미 카페
    전포동 카페
    망미 바
    전포동 핫플
    전포 오꼬노미야끼
    오블완
    oracle
    망미 테린느
    전포 신상 맛집
    인제 두부
    콩콩팥팥 맛집
    티스토리챌린지
    인제 고향집
    배열 한 컬럼에 넣기
    전포 연어덮밥
    속초 숙소 내돈내산
    속초 해변 숙소
    전포 맛집
    서면 설야멱
    Database
    콩콩팥팥 두부
    서면 맛집
    alter
    전포동 맛집
    전포 밥집
    센텀 신세계백화점 팝업
    전포 데이트
    망미 조용한 카페
    속초 중앙시장 감자전
  • 최근 댓글

  • 최근 글

  • 250x250
  • hELLO· Designed By정상우.v4.10.0
3unB
CSS - text
상단으로

티스토리툴바