lshjju 님의 블로그

  • 홈
  • 태그
  • 방명록

CSS Functions 1

CSS Functions

CSS 함수는 스타일 값(크기, 색상, 위치 등)을 동적으로 계산하거나 변환하는 역할을 합니다.CSS 함수를 사용하면 정적인 디자인을 넘어 수학적 계산이나 조건부 스타일링이 가능해집니다.1. 수학적 계산 함수요소의 크기나 간격을 계산할 때 사용합니다.calc(): 서로 다른 단위(예: %와 px)를 섞어서 계산할 수 있게 해줍니다.min() / max(): 여러 값 중 가장 작거나 큰 값을 선택합니다.clamp(): 최소값, 유동값, 최대값을 설정하여 반응형 크기를 한 줄로 정의합니다.CSS .container { /* 전체 너비에서 100px을 뺀 나머지 */ width: calc(100% - 100px); /* 폰트 크기를 최소 16px, 최대 32px 사이에서 유동적으로 조절 */ fo..

CSS 2026.02.20
이전
1
다음
더보기
프로필사진

lshjju 님의 블로그

lshjju 님의 블로그 입니다.

  • 분류 전체보기 (322) N
    • New (80) N
    • Index (13)
    • IDE (19)
    • HTML (13)
    • CSS (41)
    • JavaScript (30)
    • React.js basic manual (25)
    • 생활코딩! React 리액트 프로그래밍 (16)
    • Next.js project Nextagram (8)
    • JAVA (12)
    • JAVA 80% (11)
    • Graphic tool manual (21)
    • UI Design project (5)
    • Product detail page design .. (5)
    • Reference (3)
    • hanbitn (0)
    • Do it! HTML 웹 표준의 정석 (5)
    • Do it! CSS 웹 표준의 정석 (9)
    • Do it! 자바스크립트 웹 표준의 정석 (5)

Tag

type conversion, I/0 API, anonymous object, react 프로젝트 배포, primitive type, Decorator Stream, 일러스트레이터 툴바/패널/환경설정 매뉴얼, I/O Stream, VS Code, Exception class, Exception handing, Conditional Statement, Type conversion and Polymorphism, java.lang package, NULL, Enumerated Type, collection framework, Nested class and Nested interface, loop statement, Thread Control,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2026/03   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바