-
Notifications
You must be signed in to change notification settings - Fork 8.1k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
1 changed file
with
59 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,59 @@ | ||
--- | ||
title: ":blank" | ||
slug: Web/CSS/:blank | ||
l10n: | ||
sourceCommit: 4cb569f768ec9529724f8fb06539f2903a583a41 | ||
--- | ||
|
||
{{CSSRef}}{{SeeCompatTable}} | ||
|
||
> [!참고] | ||
> `:blank` 섡택자는 CSSWG가 지속적으로 변경하고 있음에 따라 위험 요소로 간주됩니다. | ||
> | ||
> [CSSWG issue #1967](https://github.com/w3c/csswg-drafts/issues/1967) 를 확인해 보세요. | ||
**`:blank`** [CSS](/ko/docs/Web/CSS) [의사 클래스](/ko/docs/Web/CSS/Pseudo-classes)는 비어 있는 사용자의 인풋 요소 (예를 들어 {{HTMLElement("input")}} or {{HTMLElement("textarea")}}와 같은 요소들)를 선택합니다. | ||
|
||
## 구문 | ||
|
||
```css | ||
:blank { | ||
/* ... */ | ||
} | ||
``` | ||
|
||
## 예제 | ||
|
||
### 간단한 :blank 예제 | ||
|
||
점차 지원될 브라우저에서는 `:blank` 의사 클래스가 개발자에게 필수 요소가 아니긴 하지만. 아직 내용이 입력되지 인풋 제어를 강조함으로써 사용자에게 알림을 제공할 수 있습니다. | ||
|
||
#### HTML | ||
|
||
```html | ||
<textarea></textarea> | ||
``` | ||
|
||
#### CSS | ||
|
||
```css | ||
textarea:blank { | ||
border: 3px solid red; | ||
} | ||
``` | ||
|
||
#### 결과 | ||
|
||
{{EmbedLiveSample('Simple_blank_example', '100%', 150)}} | ||
|
||
## 명세서 | ||
|
||
{{Specifications}} | ||
|
||
## 브라우저 호환성 | ||
|
||
{{Compat}} | ||
|
||
## 같이 보기 | ||
|
||
- {{CSSxRef(":empty")}} |