Tag: CSS

সিএসএস৩ বর্ডার ইমেজ (CSS3 Border Images in Bangla)

সিএসএস৩ border-image প্রোপার্টি সিএসএস৩ border-image প্রোপার্টি দিয়ে একটি এলিমেন্ট এর চারদিকে বর্ডার সেট করতে পারেন।   ব্রাউজার সাপর্ট টেবিলে উল্লেখিত সংখ্যা ব্রাউজার এর প্রথম ভার্সন যা এই প্রোপার্টি সম্পূর্ণভাবে সাপর্ট করে তা বোঝায়। -webkit- বা -moz- দ্বারা প্রথম প্রিফিক্স ভার্সন বুঝায় যা এই প্রোপার্টি সাপর্ট করে। Property           border-image 11.0 16.0 …

Continue reading

সিএসএস লেআউট – width এবং max-width (বাংলায়) (CSS Layout – width and max-width in Bangla)

width, max-width এবং margin: auto এর ব্যবহার   পূর্ববর্তী অধ্যায় এ উল্লেখ করা হয়েছিল যে, block-level এলিমেন্ট সবসময়ই ব্যবহারযোগ্য পূর্ণ প্রসস্থ জায়গা দখল করে (ডানে ও বায়ে যতটা সম্ভব প্রসারিত হয়) block-level এলিমেন্ট এর প্রসস্থতা নির্ধারণ করে দিলে ধারক এর প্রসারিত হওয়া বন্ধ করে দেয়া যেতে পারে। তারপর, আপনি মার্জিন auto হিসেবে সেট করে দিতে …

Continue reading

সিএসএস লেআউট – ইনলাইন-ব্লক (বাংলায়) (CSS Layout – inline-block in bangla)

ইনলাইন-ব্লক মান এখন অনেক কাল পরে বক্স এর গ্রিড তৈরি সম্ভব যা float প্রোপার্টি ব্যবহার করলে ব্রাউজার এর প্রসস্থতা অনুসারে পূর্ণ এবং সুন্দরভাবে ফিট হয়ে যায় (যখন ব্রাউজার এর আকার পরিবর্তন করা হয়)। display প্রোপার্টি এর inline-block মান এটিকে আরও সহজ করেছে। inline-block এলিমেন্ট inline এলিমেন্ট এর মতই, কিন্তু এদের প্রসস্ততা ও উচ্চতা নির্ধারণ করা …

Continue reading

সিএসএস ছদ্ম-এলিমেন্ট বাংলায় (CSS Pseudo-elements in Bangla)

ছদ্ম- এলিমেন্টসমূহ কি কি? একটি CSS এর ছদ্ম-এলিমেন্ট একটি এলিমেন্ট এর সুনির্দিষ্ট অংশের স্টাইল করার জন্য ব্যবহার করা হয়। উদাহরণস্বরূপ, এটি ব্যবহার করা হতে পারে: একটি এলিমেন্ট এর মধ্যকার প্রথম অক্ষর বা লাইন স্টাইল করার জন্য একটি এলিমেন্ট এর উপাদান এর আগে বা পরে উপাদান প্রবেশ করানোর জন্য সিনটেক্স selector::pseudo-element {     property:value; }   …

Continue reading

সিএসএস কিভাবে… (CSS How To…)

যখন একটি ব্রাউজার স্টাইল শীট পরে, এটি স্টাইল শীট এর তথ্য অনুসারে ডকুমেন্টকে ফরমেট করে। সিএসএস প্রবেশ করানোর তিনটি উপায় আছে বহিস্থিত স্টাইল শীট অন্তস্থিত স্টাইল শীট ইনলাইন স্টাইল   বহিস্থিত স্টাইল শীট বহিস্থিত স্টাইল শীট দিয়ে, মাত্র একটি ফাইল পরিবর্তনের মাধ্যমে ওয়েব সাইটের চেহারা পরিবর্তন করে ফেলতে পারবেন। প্রতিটি পেজের <link> এলিমেন্ট এর মধ্যে অবশ্যই …

Continue reading

সিএসএস কুইজ । CSS Quiz

[slickquiz id=13]

এইচটিএমএল লেআউট (HTML Layout)

Md. Mursedul Islam Sumon Web Designer   এইচটিএমএল লেআউট (HTML Layouts) বিভিন্ন ওয়েবসাইটে অনেক সময়ই লক্ষ্য করা যায় যে লিখাগুলো কয়েকটি কলামে বিভক্ত করা থাকে। যেমন, ম্যাগাজিন, নিউজপেপার ইত্যাদি। HTML এ <div> tag এর ব্যবহার করে layout design বা কলামে বিভক্ত করা যায়। div element ব্যবহার করে প্রায় layout করা হয়, কারন div ব্যবহার করলে …

Continue reading

আজ আমরা জেকোয়েরি দিয়ে ওয়েব পেজ এর উপাদান (HTML Elements) গুলোর CSS property (such as display, font-height) পরিবর্তন করা শিখবো

আজ আমরা জেকোয়েরি দিয়ে ওয়েব পেজ এর উপাদান (HTML Elements) গুলোর CSS property (such as display, font-height) পরিবর্তন করা শিখবো । সাথে সাথে উপাদান গুলোর CSS class পরিবরতন করবো যেমন নতুন css class যোগ করা। লেখাঃ মোস্তাফিজুর ফিরোজ । কেমন আছেন সবাই? আজ আমরা জেকোয়েরি দিয়ে সিএসএস ক্লাস পরিচালনা করা শিখবো । জেকোয়েরি দিয়ে খুব …

Continue reading

jQuery দিয়ে CSS Class এর মান বের করা এবং অরোপ করা

জেকুয়্যেরি (jQuery) – গেট ও সেট সিএসএস ক্লাসেস মো: আসাদুজ্জামান ফ্রিল্যান্সার (ওয়েব ডিজাইনার এবং ডেভেলপার)   JQuery সঙ্গে, এলিমেন্টের সিএসএস ম্যানিপুলেট সহজ।   jQuery ম্যানিপুলেটিং সিএসএস jQuery এর CSS ম্যানিপুলেশন জন্য বিভিন্ন পদ্ধতি আছে। আমরা নিম্নলিখিত পদ্ধতি পর্যবেক্ষণ করবো: addClass () – নির্বাচিত এলিমেন্ট এক বা একাধিক ক্লাস যুক্ত করে removeClass () – নির্বাচিত এলিমেন্ট …

Continue reading

CSS পরিচিতি : CSS Overview

আগে থেকেই আপনার যা জানা উচিত CSS শেখা শুরু করার আগে আপনার HTML/XHTML সম্পর্কে সাধারণ ধারণা থাকা উচিত। CSS কি * CSS বলতে বুঝায় ক্যাসকেডিং স্টাইল শিটস (Cascading Style Sheets) * এই স্টাইল নির্ধারণ করে HTML উপাদানগুলো কেমনভাবে প্রদর্শিত হবে * HTML 4.0 ভার্সনের সঙ্গে স্টাইল যোগ করা হয়েছিল একটি সমস্যা সমাধানের উপায় হিসেবে * …

Continue reading