Sheikh Mahfuzur Rahman সিএসএস-থ্রি’তে কিছু নতুন ব্যাকগ্রাউন্ড প্রপার্টি যোগ করা হয়েছে, যার মাধ্যমে ব্যাকগ্রাউন্ড এলিমেন্টকে আরও ভালোভাবে নিয়ন্ত্রণ ও স্টাইল করা যায়। এই চ্যাপ্টারে আপনারা নিচের ব্যাকগ্রাউন্ড প্রপার্টিগুলো সম্পর্কে জানবেনঃ background-size background-origin background-clip কিভাবে মাল্টিপল (একাধিক) ব্যাকগ্রাউন্ড ইমেজ ব্যবহার করা যায় তা নিয়েও এখানে আলোচনা করা হবে। ব্রাউজার সাপোর্ট নিচের তালিকায় প্রথম যে ব্রাউজার …
Tag: সিএসএস
Feb 08
সিএসএস৩ পরিচিতি (CSS3 Introduction)
Ali Hossain Student of English Literature, Jahangirnagar University. CSS (সিএসএস) এর আধুনিক মানদন্ড বা নিশান হচ্ছে CSS3 (সিএসএস৩) পূর্বের CSS (সিএসএস) এর ভার্সন এর সাথে CSS3 (সিএসএস৩) সম্পূর্নভাবে সামঞ্জস্যপূর্ণ । এই অধ্যায়ে আপনি CSS3 (সিএসএস৩) এর নতুন বৈশিষ্ট্য সম্পর্কে জানতে পারবেন। CSS3 Modules (সিএসএস৩ মডিউলস) CSS3 (সিএসএস৩) কে “Modules” (মডিউলস) এ বিভক্ত করা …
Feb 08
সিএসএস মিডিয়া টাইপস (CSS Media Types)
মৃত্যুঞ্জয় বিশ্বাস এই @media পদ্ধতি ব্যবহার করে, একটি ওয়েবসাইট এর স্কৃণ্, মুদ্রণ, মোবাইল ফোন, ট্যাবলেট ইত্যাদি জন্য একটি ভিন্ন লেআউট করতে পাড়বো। মিডিয়ার ধরন সমূহ কিছু CSS এর বৈশিষ্ট্য শুধুমাত্র একটি নির্দিষ্ট মিডিয়া জন্য ডিজাইন করা হয়। উদাহরণস্বরূপ “voice-family” বৈশিষ্ট শ্রবণেন্দ্রিয় সংক্রান্ত ব্যবহারকারী এজেন্ট এর জন্য ডিজাইন করা হয়েছে। অন্যান্য বেশ কয়েকটি বৈশিষ্ট্য বিভিন্ন …
Feb 08
সি এস এস ইমেজ স্প্রাইটস্ (CSS Image Sprites)
মৃত্যুঞ্জয় বিশ্বাস ইমেজ স্প্রাইটস্ কি? ওয়েব সাইটের জন্য আকর্ষণীয় বাটন তৈরির জন্য এবং নেভিগেশন বার তৈরির ক্ষেত্রে ইমেজ স্প্রাইটস একটা ভালো কৌশল। এক্ষেত্রে অনেকগুলো ইমেজ একত্রে করে একটা সিঙ্গেল ইমেজ তৈরি করা হয় এবং প্রয়োজন অনুসারে ইমেজের বিশেষ অংশ প্রদর্শন করা হয়। সাধারণত একটা বাটন তৈরির ক্ষেত্রে দুইটি অবস্থা বিবেচনা করা হয়। একটা হচ্ছে …
Feb 08
সিএসএস Pseudo-classes
Pseudo-classes কি ??? Pseudo-classes ব্যবহার করা হয় একটি উপাদান এর একটি বিশেষ state নির্ধারণ করতে । উদাহরণস্বরূপ এটি ব্যবহার করা হয়ঃ যখন user এর উপর মাউস নিয়ে নাড়াচাড়া করে তখন ভিন্ন Style প্রদর্শন করে । visited লিঙ্ক এবং unvisited লিঙ্ক ভিন্ন ভিন্ন Style প্রদর্শন করে। Syntax বা শব্দবিন্যাস pseudo-classes এর শব্দবিন্যাসঃ selector:pseudo-class { property:value; …
Feb 08
সিএসএস কম্বিনেটরস (CSS Combinators)
শেখ মাহফুজুর রহমান সিএসএস কম্বিনেটর সিলেক্টরগুলোর মধ্যে সম্পর্ক নির্দেশ করে। একটি সিএসএস সিলেক্টর একাধিক সিম্পল সিলেক্টর ধারণ করতে পারে। এই সিম্পল সিলেক্টরগুলোর মধ্যে আমরা একটি কম্বিনেটর যোগ করতে পারি। সিএসএস-থ্রি’তে চার প্রকার কম্বিনেটর রয়েছেঃ ডিসেন্ডেন্ট সিলেক্টর চাইল্ড সিলেক্টর অ্যাডজাসেন্ট সিবলিং সিলেক্টর জেনেরাল সিবলিং সিলেক্টর ডিসেন্ডেন্ট সিলেক্টর ডিসেন্ডেন্ট সিলেক্টর একটি নির্দিষ্ট এলিমেন্টের সবগুলো ডিসেন্ডেন্ট এলিমেন্টকে …
Feb 08
সিএসএস আনুভূমিক সারি (CSS Horizontal Align)
ইন্দ্র ভূষণ শুভ CSS এ, উপাদানকে আনুভূমিক ভাবে সারিবদ্ধ করার জন্য বিভিন্ন ধরনের বৈশষ্ট্য ব্যবহার করা হয়। সারিবদ্ধ ব্লক উপাদানসমূহ ব্লক উপাদান হলো এক ধরণের উপাদান যা ব্যবহারযোগ্য সব width ব্যবহার করে, এবং আগে ও পরে একটি লাইন বিরতি থাকে। ব্লক উপাদানের উদাহরণ সারিবদ্ধ টেক্সটের জন্য, CSS Text অধ্যায় দেখুন। এই অধ্যায়ে আমরা …
Feb 08
সিএসএস ফ্লোট (CSS Float)
শেখ মাহফুজুর রহমান সিএসএস ফ্লোট কি? ফ্লোটের বাংলা হলো ভাসা। সিএসএস ফ্লোটের মাধ্যমে একটি এলিমেন্টকে ব্রাউজার স্ক্রিনের বাম অথবা ডান দিকে ঠেলে বা ভাসিয়ে দেয়া যায়। এতে ডকুমেন্টের অন্যান্য এলিমেন্টগুলো এর চারপাশ ঘিরে অবস্থান করে যা রেপ (wrap) নামে পরিচিত। ইমেজ নিয়ে কাজ করার ক্ষেত্রে সাধারণত ফ্লোট ব্যবহার করা হয় কিন্তু এর মূল ব্যবহার …
Feb 08
সিএসএস পজিশনিং (CSS Positioning)
পজিশনিং সিএসএস এ পজিশনিং খুব গুরত্বপূর্ন একটি বিষয়। সিএসএস পজিশনিং বৈশিষ্ট্য আপনাকে একটি উপাদান (element) উপস্থাপন করার অনুমতি দেয়। এর মাধ্যমে উপাদান গুলো একটির পিছনে আরেকটি উপাদান রাখা যায়। এমন কি উপাদান এর কন্টেন্ট খুব বড় হলে কি হবে তা উল্লেখ করতে পারে। উপাদানসমূহ উপরে, নীচে, বাম, ডান এবং বৈশিষ্ট্যাবলী ব্যবহার করে স্থান দিতে পারে। …