کلیدواژه های رنگ (Color Keywords)
در CSS سه «کلیدواژه های رنگ» داریم: transparent، currentcolor و inherit. اینها واژه های ویژه اند؛ یعنی مقدار آماده می دهند. بنابراین نوشتن استایل ساده تر می شود.
کلیدواژه های رنگ در CSS
«transparent» یعنی کاملاً شفاف. «currentcolor» یعنی همان مقدار ویژگی color فعلی. «inherit» یعنی از والد همان مقدار را بگیر.
transparent؛ پس زمینه شفاف
با transparent رنگ را شفاف می کنیم. پس تصویرِ پس زمینه دیده می شود.
body {
background-image: url("paper.gif");
}
div {
background-color: transparent;
}
نکته: transparent معادل rgba(0,0,0,0) است؛ یعنی شفافیت صفر تا یک.
currentcolor؛ استفاده دوباره از رنگ متن
با currentcolor هرجا رنگ لازم است، همان رنگ متن را بده.
div {
color: blue;
border: 10px solid currentcolor;
}
body {
color: purple;
}
div {
background-color: currentcolor;
}
body {
color: green;
}
div {
box-shadow: 0px 0px 15px currentcolor;
border: 5px solid currentcolor;
}
inherit؛ مقدار را از والد بگیر
با inherit ویژگی از والد کپی می شود. برای یکدستی عالی است.
div {
border: 2px solid red;
}
span {
border: inherit;
}
گام های عملی سریع
- یک بخش بساز و متن بگذار.
- رنگ حاشیه را با
currentcolorتنظیم کن. - پس زمینه را با
transparentشفاف کن.
برای مرور رنگ ها برو به رنگ ها. برای بریدن رنگ در جعبه، بخش برش پس زمینه را ببین. همین صفحه کلیدواژه های رنگ را هم ذخیره کن.
جمع بندی سریع
transparentیعنی کاملاً شفاف.currentcolorیعنی رنگ متن فعلی.inheritیعنی از والد بگیر.- برای هماهنگی رنگ ها عالی اند.