Oct 25
সিএসএস৩ border-image প্রোপার্টি সিএসএস৩ border-image প্রোপার্টি দিয়ে একটি এলিমেন্ট এর চারদিকে বর্ডার সেট করতে পারেন। ব্রাউজার সাপর্ট টেবিলে উল্লেখিত সংখ্যা ব্রাউজার এর প্রথম ভার্সন যা এই প্রোপার্টি সম্পূর্ণভাবে সাপর্ট করে তা বোঝায়। -webkit- বা -moz- দ্বারা প্রথম প্রিফিক্স ভার্সন বুঝায় যা এই প্রোপার্টি সাপর্ট করে। Property border-image 11.0 16.0 …
Oct 24
সিএসএস৩ border-radius প্রোপার্টি সাহায্যে আপনি যেকোন এলিমেনন্ট এর “গোলাকৃতির কোর্ণার বা পার্শ্ব” তৈরি করতে পারেন। ব্রাউজার সাপর্ট টেবিলে উল্লেখিত সংখ্যা ব্রাউজার এর প্রথম ভার্সন যা এই প্রোপার্টি সম্পূর্ণভাবে সাপর্ট করে তা বোঝায়। -webkit- বা -moz- দ্বারা প্রথম প্রিফিক্স ভার্সন বুঝায় যা এই প্রোপার্টি সাপর্ট করে। Property border-radius 9.0 5.0 4.0 -webkit- 4.0 …
Oct 05
width, max-width এবং margin: auto এর ব্যবহার পূর্ববর্তী অধ্যায় এ উল্লেখ করা হয়েছিল যে, block-level এলিমেন্ট সবসময়ই ব্যবহারযোগ্য পূর্ণ প্রসস্থ জায়গা দখল করে (ডানে ও বায়ে যতটা সম্ভব প্রসারিত হয়) block-level এলিমেন্ট এর প্রসস্থতা নির্ধারণ করে দিলে ধারক এর প্রসারিত হওয়া বন্ধ করে দেয়া যেতে পারে। তারপর, আপনি মার্জিন auto হিসেবে সেট করে দিতে …
Oct 05
ইনলাইন-ব্লক মান এখন অনেক কাল পরে বক্স এর গ্রিড তৈরি সম্ভব যা float প্রোপার্টি ব্যবহার করলে ব্রাউজার এর প্রসস্থতা অনুসারে পূর্ণ এবং সুন্দরভাবে ফিট হয়ে যায় (যখন ব্রাউজার এর আকার পরিবর্তন করা হয়)। display প্রোপার্টি এর inline-block মান এটিকে আরও সহজ করেছে। inline-block এলিমেন্ট inline এলিমেন্ট এর মতই, কিন্তু এদের প্রসস্ততা ও উচ্চতা নির্ধারণ করা …
Oct 05
ছদ্ম- এলিমেন্টসমূহ কি কি? একটি CSS এর ছদ্ম-এলিমেন্ট একটি এলিমেন্ট এর সুনির্দিষ্ট অংশের স্টাইল করার জন্য ব্যবহার করা হয়। উদাহরণস্বরূপ, এটি ব্যবহার করা হতে পারে: একটি এলিমেন্ট এর মধ্যকার প্রথম অক্ষর বা লাইন স্টাইল করার জন্য একটি এলিমেন্ট এর উপাদান এর আগে বা পরে উপাদান প্রবেশ করানোর জন্য সিনটেক্স selector::pseudo-element { property:value; } …
Sep 09
যখন একটি ব্রাউজার স্টাইল শীট পরে, এটি স্টাইল শীট এর তথ্য অনুসারে ডকুমেন্টকে ফরমেট করে। সিএসএস প্রবেশ করানোর তিনটি উপায় আছে বহিস্থিত স্টাইল শীট অন্তস্থিত স্টাইল শীট ইনলাইন স্টাইল বহিস্থিত স্টাইল শীট বহিস্থিত স্টাইল শীট দিয়ে, মাত্র একটি ফাইল পরিবর্তনের মাধ্যমে ওয়েব সাইটের চেহারা পরিবর্তন করে ফেলতে পারবেন। প্রতিটি পেজের <link> এলিমেন্ট এর মধ্যে অবশ্যই …
Sep 07
সি এস এস এ তৈরি ইমেজ গ্যালারী উদাহরণঃ <head> <style> div.img { margin: 5px; padding: 5px; border: 1px solid #0000ff; height: auto; width: auto; float: left; text-align: center; } div.img img { display: inline; margin: 5px; border: 1px …
Mar 27
লেখকঃ মোঃমিনহাজুল ইসলাম সিএসএস হলো Cascading Style Sheets. । সিএসএস ফাইল সেভ করতে হয় .css দিয়ে। সিএসএস ব্যবহার করা হয় এইচটিএমএল পেজটে কে আরও দৃষ্টিনন্দন করা জন্য। সিএসএস ৩ দরনে হয়। ১) ইন্টারনাল সিএসএস । ২) এক্সটার্নাল সিএসএস । ৩) ইনলাইন সিএসএস । ইন্টারনাল সিএসএসঃ যেকোন এইচটিএমএল ডকুমেন্টে <head></head> এর ভিতর style ট্যাগ ব্যবহার করে …
Feb 09
লিখেছেন সুদীপ্ত সাহা রেস্পনসিভ ওয়েব ডিজাইন কি? রেস্পনসিভ ওয়েব ডিজাইন হল ওয়েব সাইটকে এমন করে তৈরি করা যেন তা সকল ডিভাইসে ঠিকভাবে প্রদর্শিত হয়। রেস্পনসিভ ওয়েব ডিজাইন কোন প্রোগ্রাম বা জাভাস্ক্রিপ্টের মতো নয়। রেস্পনসিভ ওয়েব ডিজাইন মূলত মোবাইল ডিভাইসগুলোর কথা মাথায় রেখে তৈরি করা হয়েছে। নিজের জন্য রেস্পনসিভ ডিজাইন তৈরি করা সহজে সিএসএস …
