Files

T

Antigravity Agent 1cfd3bbb56 docs(10_Wiki): 위키 구조 정리 — 언어 튜토리얼 카테고리 폴더 제거 + 신규 자산 동기화

Topic_CSS/Topic_HTML/Topic_JavaScript/Topic_Prompt/Topic_Comfyui 등 기존 카테고리 폴더를 정리하고,
Topic_Graphic/Dev 등 신규 산출물과 Topics 내부 세션/메모리 기록을 동기화.

2026-07-05 00:10:59 +09:00

3.9 KiB

Raw Blame History

id, title, category, status, verification_status, canonical_id, aliases, duplicate_of, source_trust_level, confidence_score, created_at, updated_at, review_reason, merge_history, tags, raw_sources, applied_in, github_commit

title

CSS Text Transformation

🎯 한 줄 통찰 (One-line insight)

The CSS text-transform property controls the capitalization of text in an element — uppercase, lowercase, or capitalized words — without changing the original content in HTML. [S1]

🧠 핵심 개념 (Core concepts)

Purpose — text-transform controls the capitalization of text in an element. [S1]
Presentation only — it transforms display without changing the original content in HTML. [S1]
Four values — none (no transformation applied), capitalize (first character of each word becomes uppercase), uppercase (all characters become uppercase), lowercase (all characters become lowercase). [S1]

🧩 추출된 패턴 (Extracted patterns)

Class-based casing pattern — define .uppercase, .lowercase, .capitalize classes mapped to the matching text-transform value. [S1]
Non-destructive display pattern — transform the visible casing while leaving the underlying HTML text untouched. [S1]

📖 세부 내용 (Details)

"The CSS text-transform property is used to control the capitalization of text in an element." The property can transform text to uppercase or lowercase, or capitalize each word, "without changing the original content in HTML." [S1]

Possible values: [S1]

none — No transformation applied
capitalize — First character of each word becomes uppercase
uppercase — All characters become uppercase
lowercase — All characters become lowercase

Code example: [S1]

p.uppercase {
  text-transform: uppercase;
}

p.lowercase {
  text-transform: lowercase;
}

p.capitalize {
  text-transform: capitalize;
}

Property reference table: [S1]

Property	Description
text-transform	Controls the capitalization of text

🛠️ 적용 사례 (Applied in summary)

The page's own example is the applied case: three paragraph classes (uppercase, lowercase, capitalize) each mapped to a text-transform value. No external project/commit applications found in the source.

💻 코드 패턴 (Code patterns)

Capitalization pattern (language: CSS):

selector {
  text-transform: none | capitalize | uppercase | lowercase;
}

Concrete example:

p.capitalize {
  text-transform: capitalize;
}

⚖️ 모순 및 업데이트 (Contradictions & updates)

No contradictions found in the source.

✅ 검증 상태 및 신뢰도

상태: draft
검증 단계: conceptual (실제 적용 사례 발견 시 applied/validated로 승격 가능)
출처 신뢰도: B (W3Schools — widely used educational reference, not a primary standards body)
신뢰 점수: 0.88
중복 검사 결과: 신규 생성 (New discovery)

🔗 지식 그래프 (Knowledge Graph)

상위/루트: CSS Tutorial
관련 개념: CSS Text Decoration Styles, CSS Text Spacing, CSS Text Color
참조 맥락: Referenced when displaying text in a fixed case (uppercase/lowercase/capitalized) without altering source HTML.

📚 출처 (Sources)

[S1] W3Schools — CSS Text Transformation — https://www.w3schools.com/css/css_text_transformation.asp

📝 변경 이력 (Change history)

2026-06-23: Initial draft synthesized from the W3Schools "CSS Text Transformation" page (Astra wiki-curation, P-Reinforce v3.1 format).

3.9 KiB Raw Blame History