এইচটিএমএল পাঠ্যের নীচে বিন্দুযুক্ত আন্ডারলাইন কীভাবে যুক্ত করবেন

97

আপনি এইচটিএমএল পাঠ্যটিকে কীভাবে আন্ডারলাইন করবেন যাতে পাঠ্যের নীচের লাইনটি স্ট্যান্ডার্ড আন্ডারলাইনটির চেয়ে বিন্দুযুক্ত হয়? সাধারণত, আমি আলাদা সিএসএস ফাইল ব্যবহার না করে এটি করতে চাই। আমি এইচটিএমএল-তে একজন নবজাতক।

html underline

— প্যারাপ
সূত্র

13

কেন আপনি সিএসএস ব্যবহার করতে পারবেন না? সম্ভবত পৃষ্ঠাটি একটি চিত্র হিসাবে তৈরি করুন এবং এমস্পেন্টের সাথে লাইন যুক্ত করবেন?

— এপাসকারেলো

আমি মনে করি না এটি সিএসএস ছাড়াই করা সম্ভব

— সিফ্রেইক

আপনাকে সিএসএস ব্যবহার করতে হবে, তবে এটি ব্যাকগ্রাউন্ড চিত্র ব্যবহার করে করা যেতে পারে, সীমানা

— নীচটি

4

ছেলেমেয়েরা আমার মনে হয় তিনি "আলাদা সিএসএস ফাইল ব্যবহার না করে" বলেছিলেন, "সিএসএস ব্যতীত" নয়। নববধূদের উপাসনা করুন।

— স্টিফান রেইচ

138

সিএসএস ছাড়া এটি অসম্ভব। আসলে, <u>ট্যাগটি কেবল যুক্ত করা হচ্ছেtext-decoration:underline ব্রাউজারের অন্তর্নির্মিত সিএসএসের সাহায্যে পাঠ্যে to

আপনি যা করতে পারেন তা এখানে:

<html>
<head>
<!-- Other head stuff here, like title or meta -->

<style type="text/css">
u {    
    border-bottom: 1px dotted #000;
    text-decoration: none;
}
</style>
</head>
<!-- Body, content here -->
</html>

— আলফ্রেড জিং
সূত্র

আপনার <head>উপাদানটিতে, একটি <style>ট্যাগ যুক্ত করুন (আমি আমার উত্তরটি সম্পাদনা করেছি)

— আলফ্রেড জিং

4

আপনি এর dottedপরিবর্তেও চেষ্টা করতে পারেনdashed

— ব্রায়ান বার্নস

দুর্দান্ত সমাধান এবং এটি সম্ভব। আমাকে এর জন্য কোড জেএস তৈরি করবেন না;)

— আহমেট ক্যান Güven

এখানে বহু লাইন টেক্সট সমর্থন উত্তর stackoverflow.com/a/4365458/1078641

— electroid

39

নিম্নলিখিত সিএসএস কোড ব্যবহার করুন ...

text-decoration:underline;
text-decoration-style: dotted;

— শাকিল আহমেদ
সূত্র

4

এটি গ্রহণযোগ্য উত্তর হওয়া উচিত। বক্স মডেল অনুসরণ করে, বিন্দুযুক্ত ব্যবহার করে borderবাইরে রাখা paddingহবে এবং পাঠ্য থেকে দূরে থাকবে।

— রায়ান ওয়াকার

4

একটি সংক্ষিপ্ত বাক্য গঠন আছে: text-decoration: underline #000 dotted;যেখানে প্রথম বৈশিষ্ট্যটি লাইন, দ্বিতীয়টি বর্ণ এবং তৃতীয়টি শৈলী।

— সোস সারসসায়ান

উন্নতির জন্য সোসকে ধন্যবাদ

— শাকিল আহমেদ

15

সিএসএস ব্যতীত আপনি মূলত একটি চিত্র ট্যাগ ব্যবহার করে আটকে আছেন। মূলত পাঠ্যের একটি চিত্র তৈরি করুন এবং আন্ডারলাইন যুক্ত করুন। এর অর্থ হ'ল আপনার পৃষ্ঠাটি কোনও স্ক্রিন পাঠকের পক্ষে অকেজো।

সিএসএস সহ এটি সহজ।

এইচটিএমএল:

<u class="dotted">I like cheese</u>

সিএসএস:

u.dotted{
  border-bottom: 1px dashed #999;
  text-decoration: none; 
}

চলমান উদাহরণ

উদাহরণ পৃষ্ঠা

<!DOCTYPE HTML>
<html>
<head>
    <style>
        u.dotted{
          border-bottom: 1px dashed #999;
          text-decoration: none; 
        }
    </style>
</head>
<body>
    <u class="dotted">I like cheese</u>
</body>
</html>

— এপ্যাসকেলো
সূত্র

10

এইচটিএমএল 5 এলিমেন্টটি ডটড আন্ডারলাইন দিতে পারে যাতে নীচের পাঠ্যের নীচে নিয়মিত আন্ডারলাইন না করে ডটেড লাইন থাকে। এবং শিরোনাম বৈশিষ্ট্যটি ব্যবহারকারীর জন্য একটি সরঞ্জাম টিপ তৈরি করে যখন তারা তাদের কার্সারটিকে উপাদানটির উপরে রাখে:

দ্রষ্টব্য: ফটকাফক্স এবং অপেরাতে ডিটেড বর্ডার / আন্ডারলাইনটি ডিফল্টরূপে দেখানো হয়েছে, তবে আইই 8, সাফারি এবং ক্রোমের জন্য সিএসএসের একটি লাইন দরকার:

<abbr title="Hyper Text Markup Language">HTML</abbr>

— ফাতেমা ওয়াহিদ
সূত্র

এটা সঠিক উত্তর. সংক্ষিপ্ত এবং সিএসএস-মুক্ত। ধন্যবাদ

— সাইদ আহাদিয়ান

এইচটিএমএল 5 এর সাথে এটি সত্যই গ্রহণযোগ্য উত্তর হওয়া উচিত।

— পেরি

4

যদি সামগ্রীতে 1 টির বেশি লাইন থাকে তবে নীচের সীমানা যুক্ত করা কোনও উপকারে আসবে না। সেক্ষেত্রে আপনাকে ব্যবহার করতে হবে,

text-decoration: underline;
text-decoration-style: dotted;

আপনি যদি পাঠ্য এবং রেখার মাঝে আরও শ্বাস প্রশ্বাসের জায়গা চান তবে কেবল ব্যবহার করুন,

text-underline-position: under;

— দর্শনা গুণোয়ার্দনা
সূত্র

3

@ পেসমেরেলো দ্বারা উত্তরটি পুনরায় ফর্ম্যাট করা :

u.dotted {
  border-bottom: 1px dashed #999;
  text-decoration: none;
}

<!DOCTYPE html>
<u class="dotted">I like cheese</u>

স্নিপেট প্রসারিত করুন

— অ্যানাটোলি টেকটোনিক
সূত্র

0

আপনি dottedবিকল্প সহ সীমানা নীচে ব্যবহার করতে পারেন ।

border-bottom: 1px dotted #807f80;

— নীল
সূত্র

0

আপনি এই পদ্ধতিটি ব্যবহার করে দেখতে পারেন:

<h2 style="text-decoration: underline; text-underline-position: under; text-decoration-style: dotted">Hello World!</h2>

দয়া করে মনে রাখবেন যে আপনার ছাড়া text-underline-position: under;এখনও একটি বিন্দুযুক্ত আন্ডারলাইন থাকবে তবে এই সম্পত্তি এটি আরও শ্বাসের জায়গা দেবে।

এটি ধরে নেওয়া হচ্ছে আপনি ইনলাইন স্টাইলিং ব্যবহার করে কোনও এইচটিএমএল ফাইলের ভিতরে সমস্ত কিছু এম্বেড করতে চান এবং আলাদা সিএসএস ফাইল বা ট্যাগ ব্যবহার করবেন না।

— মোনা জালাল
সূত্র

-2

সিএসএস ছাড়া এটি অসম্ভব নয়। যেমন একটি তালিকা আইটেম হিসাবে:

<li style="border-bottom: 1px dashed"><!--content --></li>

— তৃতীয় ডেভিংটন
সূত্র

6

সিএসএস ছাড়া এটি অসম্ভব। styleঅ্যাট্রিবিউট কেবল CSS এর বৈশিষ্ট্য একটি উপাদানে সরাসরি প্রয়োগের একটি উপায়। শৈলীর বৈশিষ্ট্যে MDN ডক্স দেখুন ।

— মিরিকান

এইভাবে সিএসএস যুক্ত করা এইচটিএমএল স্টাইলিং সম্পর্কে কার্যকরভাবে চিন্তা করার একটি উপায়। অবশ্যই আপনি তর্ক করতে পারেন যে এ জাতীয় কোনও জিনিস নেই তবে পদ্ধতিটি বর্ণনা করার সহজ পদ্ধতির জন্য এটি একটি সম্ভাব্য সমাধান।

— ডেভিটন III

এটি এখনও সিএসএস, এবং দেওয়া প্রকৃত পছন্দটি ছিল আলাদা ফাইল না থাকা। এই সীমাবদ্ধতার সাথে সমস্যাটি সমাধান করার সর্বোত্তম উপায় <style>। ইনলাইন শৈলীগুলি খুব স্বল্পভাবে ব্যবহার করা উচিত।

— মিরিকান

আমি যে পোস্টটি তৈরি করেছি ঠিক তখনই এটি ছিল কারণ আমাকে ইনলাইন স্টাইলগুলি ব্যবহার করতে হয়েছিল। অন্যদের কাছে এই সম্ভাবনাটি উল্লেখযোগ্যভাবেই মনে করা উচিত যে তারা যদি এ বিষয়ে ভেবেও না পারে তবে যুদ্ধ ও শান্তির পক্ষে এটি যথাযথ বিষয় নয় ... সম্ভবত তারা তাদের যা প্রয়োজন তা খুঁজে পেয়েছিল এবং আমাদের পরামর্শগুলি সেইগুলি এবং অন্য যে কোনও ব্যক্তির পক্ষে রয়েছে তাদের দরকার, আমি যখন কাজ থেকে পোস্ট করি তখন পরামর্শের বিষয়ে ইতিমধ্যে সুস্পষ্ট কিছু নির্দেশ করে এমন কাউকে আমি বিবেচনায় নিই না যখন এটি কোনও পরামর্শ নয় "" আপনাকে এইভাবে এটি করা উচিত "তাই হ্যাঁ একটি চিল বড়ি গ্রহণ করুন :)

— ডেভিংটন III

4

আপনি আমার উদ্দেশ্য ভুল। আমি জিজ্ঞাসিত প্রশ্নের সাথে সম্পর্কিত একটি প্রযুক্তিগত পর্যবেক্ষণ করছিলাম। আপনাকে কল করার আমার কোনও ইচ্ছা ছিল না এবং এটি সেভাবেই আসার জন্য আমি ক্ষমাপ্রার্থী।

— মিরিকান