Jhutanda

CSS টেক্সট ডেকোরেশন (CSS Text Decoration) [বাংলায় CSS মাস্টার ক্লাস]

CSS টেক্সট ডেকোরেশন (CSS Text Decoration) [বাংলায় CSS মাস্টার ক্লাস]: ওয়েব ডিজাইনের বহুমুখী জগতে, টাইপোগ্রাফির শিল্প অর্থ এবং নান্দনিকতা বোঝানোর জন্য একটি শক্তিশালী হাতিয়ার। CSS (ক্যাসকেডিং স্টাইল শীট) ওয়েব ডেভেলপারদের টেক্সট নিয়ন্ত্রণ এবং উন্নত করার জন্য বৈশিষ্ট্যের একটি অ্যারে প্রদান করে। এই বৈশিষ্ট্যগুলির মধ্যে, CSS পাঠ্য সজ্জা একটি ওয়েবসাইটের সামগ্রিক আবেদন এবং ব্যবহারকারীর অভিজ্ঞতায় অবদান রেখে পাঠ্য বিষয়বস্তুতে ভিজ্যুয়াল উপাদান এবং অর্থ যোগ করার একটি বহুমুখী উপায় হিসাবে দাঁড়িয়েছে।

CSS টেক্সট ডেকোরেশন (CSS Text Decoration) poperty গুলি হল।

  • text-decoration-line
  • text-decoration-color
  • text-decoration-style
  • text-decoration-thickness
  • text-decoration

পাঠ্য সজ্জা পাঠ্য বিষয়বস্তু হাইলাইট বা জোর দেওয়ার জন্য একটি ভিজ্যুয়াল কিউ হিসাবে কাজ করে। আন্ডারলাইনিং, উদাহরণস্বরূপ, প্রায়ই হাইপারলিঙ্কগুলির জন্য ব্যবহার করা হয় যে তারা ইন্টারেক্টিভ। লাইন-থ্রু মুছে ফেলা বা পুরানো বিষয়বস্তু বোঝাতে পারে। এই চাক্ষুষ সংকেত ব্যবহারকারীর বোঝাপড়া এবং মিথস্ক্রিয়াতে অবদান রাখে।
ব্যবহারকারীর ইন্টারঅ্যাকশনের সময় ভিজ্যুয়াল ফিডব্যাক দেওয়ার জন্য প্রায়ই CSS টেক্সট ডেকোরেশন ব্যবহার করা হয়। যখন ব্যবহারকারীরা একটি লিঙ্কের উপর হোভার করেন, তখন টেক্সট অলঙ্করণ পরিবর্তন করতে পারে ইন্টারঅ্যাক্টিভিটি নির্দেশ করতে। এই বর্ধিতকরণ ইন্টারেক্টিভ উপাদান হাইলাইট করে ব্যবহারকারীর অভিজ্ঞতা উন্নত করে।
প্রতিক্রিয়াশীল ওয়েব ডিজাইনের প্রসঙ্গে, পাঠ্য সজ্জা বহুমুখী। এটি বিভিন্ন স্ক্রিনের আকার এবং অভিযোজনের সাথে নির্বিঘ্নে মানিয়ে নিতে পারে, এটি নিশ্চিত করে যে শৈলীগুলি বিস্তৃত ডিভাইসগুলিতে দৃশ্যমানভাবে আকর্ষণীয় থাকে।

text-decoration-line: overline/line-through/underline/overline underline

CSS টেক্সট ডেকোরেশন প্রোপার্টি ডেকোরেশনের কালার কাস্টমাইজ করার অনুমতি দেয়। এই নমনীয়তা ওয়েবসাইটের সামগ্রিক রঙের স্কিমের সাথে সাজসজ্জার সাথে মেলাতে ব্যবহার করা যেতে পারে, ডিজাইনের সমন্বয় যোগ করে।

CSS টেক্সট ডেকোরেশন (CSS Text Decoration) সম্পর্কে বিস্তারিত নিচে দেওয়া হল।

Example:

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CSS MASTER JHUTANDA</title>
    <!--https://jhutanda.com-->
    <!--https://github.com/jhutanda-->
</head>

<body>
    <h1>CSS Text Decoration</h1>
    <h2>CSS Text Decoration</h2>
    <h3>CSS Text Decoration</h3>
    <h4>CSS Text Decoration</h4>
    <h5>CSS Text Decoration</h5>

    <!-- text-decoration-line
    text-decoration-color
    text-decoration-style
    text-decoration-thickness -->

    <!-- css style -->
    <style>
        h1 {
            text-decoration-line: line-through;
            text-decoration-color: red;
            text-decoration-style: dotted;
            text-decoration-thickness: 15px;

        }

        h2 {
            text-decoration-line: underline;
            text-decoration-color: red;
            text-decoration-style: wavy;
        }

        h3 {
            text-decoration-line: overline;
            text-decoration-style: wavy;
        }

        h4 {
            text-decoration-line: overline underline;
            text-decoration-style: wavy;
            text-decoration-style: dashed;
        }

        h5 {
            text-decoration-line: overline line-through underline;
            text-decoration-style: wavy;
        }
    </style>
</body>

</html>

Scroll to Top