상세 컨텐츠

본문 제목

text-anchor

html + css

by 폴리프레임 2025. 1. 7. 13:30

본문

반응형

text-anchor 속성은 SVG(Scalable Vector Graphics) 내 텍스트 요소의 앵커링 위치를 설정하는 데 사용됩니다. text-anchor는 SVG에서만 사용 가능하며, HTML의 일반 텍스트 요소에는 적용되지 않습니다. 

  • start: 텍스트의 시작 부분을 기준으로 앵커링합니다.
  • middle: 텍스트의 중간 부분을 기준으로 앵커링합니다.
  • end: 텍스트의 끝 부분을 기준으로 앵커링합니다.

예를 들어, text-anchor: middle을 사용하면 텍스트가 중간을 기준으로 정렬됩니다. 

'html + css' 카테고리의 다른 글

radialGradient  (0) 2025.01.07
viewport, viewBox 비교  (0) 2025.01.07
@apply - tailwind css 에서 사용하는 이유  (1) 2024.11.28
Audio 자동 플레이 설정 - React.js  (3) 2024.11.26
width 를 min() 으로 설정하기  (0) 2024.11.25

관련글 더보기