input 태그를 type='number'로 사용했을 때input 에 focus하면 우측에 숫자를 +1, -1 할 수 있는 화살표가 생성된다.제거하고 싶다면 아래 코드를 작성하면 된다./* Chrome, Safari, Edge, Opera */input::-webkit-outer-spin-button,input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}/* Firefox */input[type='number'] { -moz-appearance: textfield;}
tailwind.config.js 에서 특정 키워드를 지정해서 클래스 안에 작성이 가능하다. 아래는 해당 파일이다. /** @type {import('tailwindcss').Config} */ module.exports = { darkMode: "class", mode: "jit", purge: ["./src/**/*.{js,jsx,ts,tsx}", "./public/index.html"], // darkMode: true, // or 'media' or 'class' theme: { extend: { colors: { brand: "#FF0000", }, }, }, variants: { extend: {}, }, plugins: [], };
* 블럭요소(block element)와 인라인요소(inline element)란? - 블럭요소 : 하나의 태그가 브라우저에서 좌우공간을 다 차지하면서 독립적인 덩어리 공간을 가지는 요소들입니다. - 인라인요소 : 하나의 태그가 브라우저에서 실제로 코딩된 그 영역만 차지하여 좌우로 다른 태그가 나란히 위치할 수 있는 요소들입니다. 행 안의 일부분이라고 보시면 됩니다. 텍스트레벨요소라고도 합니다. 블럭요소(block element)와 인라인요소(inline element)의 종류 - 블럭요소 : ,,~,,,,,,,,,,등 - 인라인요소 : ,, ,,,,, 특징 및 주의점 - 블럭요소는 내부에 블럭요소와 인라인요소를 포함할 수 있습니다. 인라인요소는 내부에 블럭요소를 포함할 수 없습니다. - 블럭요소들 중에..
HTML 1 2 3 4 5 CONTENTS cs CSS 1 2 3 4 5 6 7 8 9 body { width:100%; height:100%; } #box{ width:300px; height:300px; margin:0 auto; } cs 또는 수평에서 align-items, 중심축에서의 justify-content를 이용하여 다음과 같이 정렬할 수 있다. 1 2 3 4 5 6 7 body{ background-color: var(--color-black); display: flex; flex-direction: column; justify-content: center; align-items: center; } Colored by Color Scripter cs
내 블로그 - 관리자 홈 전환 |
Q
Q
|
---|---|
새 글 쓰기 |
W
W
|
글 수정 (권한 있는 경우) |
E
E
|
---|---|
댓글 영역으로 이동 |
C
C
|
이 페이지의 URL 복사 |
S
S
|
---|---|
맨 위로 이동 |
T
T
|
티스토리 홈 이동 |
H
H
|
단축키 안내 |
Shift + /
⇧ + /
|
* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.