সেভ করা পৃষ্ঠা গুছিয়ে রাখতে 'সংগ্রহ' ব্যবহার করুন
আপনার পছন্দ অনুযায়ী কন্টেন্ট সেভ করুন ও সঠিক বিভাগে রাখুন।
এইচটিএমএল
<h1><b>HSL</b> is <u>awesome.</u></h1>
সিএসএস
:root {
color-scheme: dark light;
/* destructure brand channels */
--hue: 200; /* change me!! */
--saturation: 100%;
--lightness: 50%;
/* build colors with props */
--brand: hsl(
var(--hue)
var(--saturation)
var(--lightness)
);
/* very dark brand blue */
--text: hsl(
var(--hue)
var(--saturation)
10% /* lower is darker */
);
/* very bright brand white */
--surface: hsl(
var(--hue)
calc(var(--saturation) / 2)
95% /* higher is lighter */
);
}
h1 {
font-size: 10vmin;
font-weight: 300;
}
b {
color: hsl(
var(--hue)
var(--saturation)
30%
);
}
u {
text-decoration-color: var(--brand);
}
html {
block-size: 100%;
inline-size: 100%;
}
body {
color: var(--text);
background: var(--surface);
min-block-size: 100%;
min-inline-size: 100%;
margin: 0;
box-sizing: border-box;
display: grid;
place-content: center;
font-family: system-ui, sans-serif;
}
@media (prefers-color-scheme: dark) {
/* just tweak the lightness */
/* maybe desaturate too */
:root {
--text: hsl(
var(--hue)
calc(var(--saturation) / 2)
85%
);
--surface: hsl(
var(--hue)
var(--saturation)
5%
);
}
b {
color: hsl(
var(--hue)
var(--saturation)
75%
);
}
}
অন্য কিছু উল্লেখ না করা থাকলে, এই পৃষ্ঠার কন্টেন্ট Creative Commons Attribution 4.0 License-এর অধীনে এবং কোডের নমুনাগুলি Apache 2.0 License-এর অধীনে লাইসেন্স প্রাপ্ত। আরও জানতে, Google Developers সাইট নীতি দেখুন। Java হল Oracle এবং/অথবা তার অ্যাফিলিয়েট সংস্থার রেজিস্টার্ড ট্রেডমার্ক।
2023-10-25 UTC-তে শেষবার আপডেট করা হয়েছে।
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"এতে আমার প্রয়োজনীয় তথ্য নেই"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"খুব জটিল / অনেক ধাপ"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"পুরনো"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"অনুবাদ সংক্রান্ত সমস্যা"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"নমুনা / কোড সংক্রান্ত সমস্যা"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"অন্যান্য"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"সহজে বোঝা যায়"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"আমার সমস্যার সমাধান হয়েছে"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"অন্যান্য"
}]