ডিফল্টরূপে, ওয়েব ব্রাউজার নির্দিষ্ট CSS শৈলীগুলি নির্দিষ্ট করে যা তারা নির্দিষ্ট HTML উপাদানগুলিতে প্রয়োগ করে। আপনি যদি নিজের সাইটের নিজস্ব স্টাইল শীটগুলির সাথে এই ডিফল্টগুলি ওভাররাইট না করেন তবে ডিফল্টগুলি প্রযোজ্য হবে। হাইপারলিংকগুলির জন্য, ডিফল্ট প্রদর্শন শৈলীটি যে কোন লিঙ্কযুক্ত পাঠটি নীল এবং নিম্নরেখাঙ্কিত হবে। ব্রাউজার এটি করে যাতে কোনও সাইটের দর্শক সহজেই কোন পাঠ্য লিঙ্কটি দেখতে পারে। অনেক ওয়েব ডিজাইনার এই ডিফল্ট শৈলীগুলির যত্ন নেয় না, বিশেষ করে যারা আন্ডারলাইনে। সৌভাগ্যক্রমে, সিএসএস তাদের আন্ডারলাইনগুলির চেহারা পরিবর্তন করা বা সম্পূর্ণরূপে সরানো সহজ করে।
টেক্সট লিংক উপর আন্ডারলাইন মুছে ফেলা হচ্ছে
আন্ডারলাইনযুক্ত পাঠ অ-আন্ডারলাইনযুক্ত পাঠটি পড়তে আরও বেশি চ্যালেঞ্জিং হতে পারে। উপরন্তু, অনেক ডিজাইনার সহজভাবে আন্ডারলাইন টেক্সট লিঙ্ক চেহারা জন্য যত্ন না। এই ক্ষেত্রে, আপনি সম্ভবত এই আন্ডারলাইনে সম্পূর্ণরূপে মুছে ফেলতে চান।
টেক্সট লিঙ্ক থেকে আন্ডারলাইনে সরাতে, আপনি CSS সম্পত্তি টেক্সট সজ্জা ব্যবহার করবেন। এখানে আপনি যা করতে চান সেটি সিএসএস:
একটি {টেক্সট সজ্জা: কেউ; }
সিএসএসের এক লাইনের সাথে, আপনি সমস্ত পাঠ্য লিঙ্ক থেকে নিম্নরেখা সরান। যদিও এটি একটি খুব সাধারণ শৈলী (এটি একটি উপাদান নির্বাচক ব্যবহার করে), তবে ডিফল্ট ব্রাউজারের শৈলীগুলির তুলনায় এটি এখনও আরও নির্দিষ্ট। যে ডিফল্ট শৈলীগুলি আন্ডারলাইনগুলি দিয়ে শুরু করে তা সৃষ্টি করে, তাই আপনাকে ওভাররাইট করতে হবে।
আন্ডারলাইন অপসারণ একটি সতর্কতা
দৃশ্যত, আন্ডারলাইনগুলি সরানোর জন্য আপনি যা করতে চান তা ঠিক হতে পারে, তবে আপনি যখন এটিও করবেন তখন সতর্ক হবেন। আপনি আন্ডারলাইনযুক্ত লিঙ্কগুলির চেহারাটি পছন্দ করেন কিনা নাকি আপনি কোনও লিঙ্কটি লিঙ্কযুক্ত এবং যা নয় তা সম্পর্কে তারা যুক্তিযুক্ত করতে পারেন না। আপনি যদি ডিফল্ট নীল লিঙ্ক রঙকে আন্ডারলাইন বা পরিবর্তন করেন, তবে আপনি তাদের শৈলীগুলির সাথে প্রতিস্থাপন করতে ভুলবেন না যা এখনো লিঙ্কযুক্ত পাঠ্যটিকে স্ট্যান্ড আউট করার অনুমতি দেয়। এটি আপনার সাইটের দর্শকদের জন্য আরো স্বজ্ঞাত অভিজ্ঞতা তৈরি করবে।
অ লিংক সীমারেখা না
লিঙ্ক এবং আন্ডারলাইনগুলির উপর আরেকটি সতর্কতা, এমন পাঠ্যকে আন্ডারলাইন করবেন না যা এটি জোর দেওয়ার উপায় হিসাবে লিঙ্ক নয়। লোকেরা আন্ডারলাইনযুক্ত লিখিত একটি লিঙ্ক হতে পারে বলে আশা করা হয়েছে, তাই আপনি জোর যোগ করার জন্য সামগ্রীটি নিম্নরেখাঙ্কিত করুন (এটি সাহসী বা এটিটিকে ইটালিকাইজ করার পরিবর্তে), আপনি ভুল বার্তা পাঠান এবং সাইট ব্যবহারকারীদের বিভ্রান্ত করবে।
বিন্দু বা ড্যাশের আন্ডারলাইনে পরিবর্তন করুন
আপনি যদি আপনার পাঠ্যের লিঙ্কে আন্ডারলাইন রাখতে চান তবে ডিফল্ট চেহারার আন্ডারলাইনের শৈলীটি পরিবর্তন করুন, যা একটি "বিক্রি" লাইন, আপনি এটিও করতে পারেন। পরিবর্তে যে কঠিন লাইন, আপনি আপনার লিঙ্ক আন্ডারলাইন করতে বিন্দু ব্যবহার করতে পারেন। এটি করার জন্য, আপনি এখনও আন্ডারলাইনটি সরাবেন, কিন্তু সীমানা-নিম্ন শৈলী সম্পত্তি দিয়ে আপনি এটি প্রতিস্থাপন করবেন:
একটি {টেক্সট সজ্জা: কেউ; সীমানা-নীচে: 1px বিন্দু; }
যেহেতু আপনি মান সীমারেখাটি সরিয়ে ফেলেছেন, তাই বিন্দুমাত্র প্রদর্শিত একমাত্র এক।
আপনি ড্যাশ পেতে একই জিনিস করতে পারেন। শুধু সীমানা-নীচের স্টাইল ধাপে পরিবর্তন করুন:
একটি {টেক্সট সজ্জা: কেউ; সীমানা নীচে: 1px ড্যাশেড; }
আন্ডারলাইন রঙ পরিবর্তন করুন
আপনার লিঙ্কগুলিতে মনোযোগ আকর্ষণ করার অন্য উপায়টি নিম্নরেখাটির রঙ পরিবর্তন করা। শুধু আপনার রঙের স্কিম সঙ্গে রঙ ফিট করে তা নিশ্চিত করুন।
একটি {টেক্সট সজ্জা: কেউ; সীমানা নীচে: 1px কঠিন লাল; }
ডাবল আন্ডারলাইন
ডবল আন্ডারলাইন ব্যবহার করার কৌশলটি আপনাকে সীমানাটির প্রস্থ পরিবর্তন করতে হবে। যদি আপনি 1px প্রশস্ত সীমানা তৈরি করেন, তবে আপনি একটি আন্ডারলাইনের মত একটি ডাবল আন্ডারলাইনে শেষ হয়ে যাবেন।
একটি {টেক্সট সজ্জা: কেউ; সীমানা নীচে: 3px ডবল; }
আপনি অন্যান্য বৈশিষ্ট্যগুলির সাথে একটি ডবল আন্ডারলাইন তৈরি করতে বিদ্যমান আন্ডারলাইনেও ব্যবহার করতে পারেন যেমন ডাইনযুক্ত লাইনগুলির মধ্যে একটি:
লিঙ্ক রাজ্য ভুলবেন না
আপনি সীমানা-নীচের শৈলীটি আপনার বিভিন্ন লিঙ্কগুলিতে যুক্ত করতে পারেন যেমন: হোভার,: সক্রিয়, বা: পরিদর্শন করা। এটি যখন আপনি "হভার" ছদ্ম শ্রেণী ব্যবহার করেন তখন এটি দর্শকদের জন্য একটি চমৎকার "রোলওভার" শৈলী অভিজ্ঞতা তৈরি করতে পারে। যখন আপনি লিঙ্কটিতে হভার করবেন তখন দ্বিতীয় ডটকৃত নিম্নরেখাটি প্রদর্শিত হবে:
একটি {টেক্সট সজ্জা: কেউ; } একটি: হভার {সীমানা-নীচে: 1px বিন্দু; }
জেনারেল ক্রাইনিনের মূল নিবন্ধ। জেরেমি গিরার্ড দ্বারা সম্পাদিত
