CSS rgb() 函数
- Προηγούμενο πρόγραμμα Η συνάρτηση repeating-radial-gradient() του CSS
- Πρόγραμμα Η συνάρτηση rotate() του CSS
- Επιστροφή στο επίπεδο πάνω Εκπαιδευτικός Οδηγός Λειτουργιών CSS
定义和用法
CSS 的 rgb()
函数使用红-绿-蓝(RGB)颜色模型指定颜色。还可以添加一个可选的透明度通道(表示颜色的透明度)。
Η.Τ.Μ.Λ. ρ.ε.θ.μ.ι.κ.α. κ.α.λ.α.τ.ι.κ.α. (RGB) δ.ε.θ.α.λ.τ.α.ι.κ.α. μέσω ρ.γ.(κ.α.λ.α.τ.ι.κ.α. κ.α.λ.α.τ.ι.κ.α. κ.α.λ.α.τ.ι.κ.α.Γλώσσα σχετικής τιμής
θ.α.ι.ρ.ι.κ.α. ρ.ε.θ.μ.ι.κ.α. κ.α.λ.α.τ.ι.κ.α. κ.α.θ.ι.σ.τ.ω.ρ.ι.ζ.η. κ.α.λ.α.τ.ι.κ.α. δ.ε.θ.α.λ.τ.α.ι.κ.α. (0) ε.ν.θ.υ.π.α.λ.μ.α.τ.ω.ρ.ι.ζ.η. (0% - 100%)
π.ρ.ι.ν.τ.α., ρ.γ.(0 0 255) δ.ε.θ.α.λ.τ.α.ι.κ.α. ρ.ε.θ.μ.ι.κ.α. κ.α.λ.α.τ.ι.κ.α., γ.α.ρ.τι.σ.τ.α. ρ.ε.θ.μ.ι.κ.α. κ.α.λ.α.τ.ι.κ.α. θ.α.ι.ρ.ι.κ.α. ρ.ε.θ.μ.ι.κ.α. κ.α.λ.α.τ.ι.κ.α. (255), κ.α.θ.ο.ρ.ι.σ.τ.α. ρ.ε.θ.μ.ι.κ.α. κ.α.λ.α.τ.ι.κ.α. (0).
注意:rgba()
Σημείωση: rgb()
rgba() rgb()
Συνάρτηση είναι
Αναφορά συνάρτησης. Προτείνεται η χρήση
Συνάρτηση
Παράδειγμα Ορίζει διαφορετικά χρώματα RGB(A): #p1 {χρώμα περιβάλλοντος:rgb(255 0 0);} /* Κόκκινο */ #p2 {χρώμα περιβάλλοντος:rgb(0 255 0);} /* Κίτρινο φύλλου */ #p3 {χρώμα περιβάλλοντος:rgb(0 0 255);} /* Μπλε */ #p4 {χρώμα περιβάλλοντος:rgb(192 192 192);} /* Γκρι */ #p5 {χρώμα περιβάλλοντος:rgb(255 255 0);} /* Κίτρινο */ #p6 {χρώμα περιβάλλοντος:rgb(255 0 255);} /* Κόκκινο δαμάσκηνο */
#p7 {χρώμα περιβάλλοντος:rgb(255 0 255 / 0.2);} /* Κόκκινο δαμάσκηνο με διαφάνεια */
#p8 {χρώμα περιβάλλοντος:rgb(0 0 255 / 50%);} /* Μπλε με διαφάνεια */
Προσπαθήστε το προσωπικά
Γλώσσα CSS
rgb(from | ) |
---|---|
Ξεκινά με το κλειδί from, ακολουθούμενο από την τιμή χρώματος που αντιπροσωπεύει το αρχικό χρώμα. |
Αυτό είναι το αρχικό χρώμα που βασίζεται στο σχετικό χρώμα. Μπορεί επίσης να χρησιμοποιηθεί το none (το οποίο ισούται με 0%). |
G |
Απαιτείται. Ορίζει την ένταση του πράσινου, μπορεί να είναι ολόκληρος αριθμός από 0 έως 255 ή ποσοστό από 0% έως 100%. Μπορεί επίσης να χρησιμοποιηθεί το none (το οποίο ισούται με 0%). |
B |
Απαιτείται. Ορίζει την ένταση του μπλε, μπορεί να είναι ολόκληρος αριθμός από 0 έως 255 ή ποσοστό από 0% έως 100%. Μπορεί επίσης να χρησιμοποιηθεί το none (το οποίο ισούται με 0%). |
/ A |
Προαιρετικό. Σημαίνει την τιμή του διαφανειακού καναλιού του χρώματος, 0% (ή 0) σημαίνει πλήρως διαφανές, 100% (ή 1) σημαίνει πλήρως αδιαφανές. Μπορεί επίσης να χρησιμοποιηθεί το none (το οποίο σημαίνει μη διαφανής κανάλι). Η προεπιλεγμένη τιμή είναι 100%. |
Γλώσσα αμετάβλητης τιμής
rgb(R G B / A) Περιγραφή Ξεκινά με το κλειδί from, ακολουθούμενο από την τιμή χρώματος που αντιπροσωπεύει το αρχικό χρώμα. G B / AΓλώσσα σχετικής τιμής
rgb(from | ) |
---|---|
Τιμή Περιγραφή |
from χρώμα |
Ξεκινά με το κλειδί from, ακολουθούμενο από την τιμή χρώματος που αντιπροσωπεύει το αρχικό χρώμα. |
Αυτό είναι το αρχικό χρώμα που βασίζεται στο σχετικό χρώμα. Μπορεί επίσης να χρησιμοποιηθεί το none (το οποίο ισούται με 0%). |
G |
Απαιτείται. Ορίζει την ένταση του πράσινου, μπορεί να είναι ολόκληρος αριθμός από 0 έως 255 ή ποσοστό από 0% έως 100%. Μπορεί επίσης να χρησιμοποιηθεί το none (το οποίο ισούται με 0%). |
B |
Απαιτείται. Ορίζει την ένταση του μπλε, μπορεί να είναι ολόκληρος αριθμός από 0 έως 255 ή ποσοστό από 0% έως 100%. Μπορεί επίσης να χρησιμοποιηθεί το none (το οποίο ισούται με 0%). |
/ A |
Προαιρετικό. Σημαίνει την τιμή του διαφανειακού καναλιού του χρώματος, 0% (ή 0) σημαίνει πλήρως διαφανές, 100% (ή 1) σημαίνει πλήρως αδιαφανές. Μπορεί επίσης να χρησιμοποιηθεί το none (το οποίο σημαίνει μη διαφανής κανάλι). Η προεπιλεγμένη τιμή είναι 100%. |
Τεχνικά λεπτομέρειες
Έκδοση: | CSS2 |
---|
Υποστήριξη περιηγητών
Τα αριθμήματα στην τάβλη καταγράφουν την έκδοση του πρώτου περιηγητή που υποστηρίζει τη συνάρτηση.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
rgb() | ||||
1 | 4 | 1 | 1 | 3.5 |
rgb(αυξημένης διαφάνειας) | ||||
65 | 79 | 52 | 12.1 | 52 |
Μέσα με κενά διαχωρισμένα παραμέτρους | ||||
65 | 79 | 52 | 12.1 | 52 |
- Προηγούμενο πρόγραμμα Η συνάρτηση repeating-radial-gradient() του CSS
- Πρόγραμμα Η συνάρτηση rotate() του CSS
- Επιστροφή στο επίπεδο πάνω Εκπαιδευτικός Οδηγός Λειτουργιών CSS