সিএসএস 'প্রাক্তন' ইউনিটের মান কত?


87

( Xunit , একটি জনপ্রিয়। নেট ইউনিট পরীক্ষার লাইব্রেরি দিয়ে বিভ্রান্ত হওয়ার দরকার নেই ।)

আজ একঘেয়েমের মতো ফিটনেসে আমি জিএমএলস ডম পরিদর্শন করতে শুরু করেছি (হ্যাঁ, আমি খুব বিরক্ত হয়েছিলাম)

আমি নির্দিষ্ট উপাদানগুলির প্রস্থে একটি আকর্ষণীয় স্পেসিফিকেশন লক্ষ্য না করা পর্যন্ত সবকিছুকে বেশ সোজা মনে হয়েছিল। বিশিষ্ট গুগলাইটস বিরল 'প্রাক্তন' ইউনিট ব্যবহার করে বেশ কয়েকটি টেবিল কোল নির্দিষ্ট করেছিল।

width: 22ex;

প্রথমে আমি স্ট্যাম্পড হয়ে গিয়েছিলাম ("কী 'প্রাক্তন'?"), তারপরে এটি আমার কাছে ফিরে আসে: আমি যখন CSS সম্পর্কে প্রথম শিখছিলাম তখন কয়েক বছর আগের কিছু মনে হয়েছিল। সিএসএস 3 স্পেস থেকে :

[ প্রাক্তন ইউনিটটি ] প্রথম উপলব্ধ ফন্টের ব্যবহৃত এক্স-উচ্চতার সমান । এক্স-উচ্চতা তাই বলা হয় কারণ এটি প্রায়শই ছোট হাতের অক্ষরের "x" এর উচ্চতার সমান হয়। তবে, একটি 'প্রাক্তন' এমনকি ফন্টগুলির জন্যও সংজ্ঞায়িত করা হয় যা "x" থাকে না।

বেশ এবং ভাল. তবে আমি বাস্তবে এর আগে কখনও এটি ব্যবহার করতে দেখিনি (এটি আমার নিজের চেয়ে কম ব্যবহৃত হয়)। আমি বেশ সাধারণভাবে ইএম ব্যবহার করি এবং তাদের মানটির প্রশংসা করি তবে "প্রাক্তন" কেন? এটি ইমের চেয়ে একটি পরিমাপের তুলনায় অনেক কম স্ট্যান্ডার্ড বলে মনে হয় এবং এর চেয়ে কম কার্যকর।

আমি এই বিষয় নিয়ে যে কয়েকটি পৃষ্ঠাগুলি নিয়ে আলোচনা করেছি তার মধ্যে একটি হ'ল স্টিফেন পোলির http://www.xs4all.nl/~sbpoley/webmatters/emex.html । স্টিফেন ভাল বক্তব্য রাখে, তবে তার আলোচনা আমার কাছে বেমানান বলে মনে হয়।

সুতরাং আমার প্রশ্নটি: 'প্রাক্তন' ইউনিট ওয়েব ডিজাইনে toণ দেয়?

(এই প্রশ্নটি ব্যক্তিগত হিসাবে ট্যাগ করা যেতে পারে, তবে আমি নিজের সিদ্ধান্তের চেয়ে আরও অভিজ্ঞ SO'ers এ সিদ্ধান্ত ছেড়ে দেব))

উত্তর:


126

আপনি যখন আপনার পাঠ্যের ছোট হাতের অক্ষরের উচ্চতার সাথে সম্পর্কিত কিছু আকার করতে চান তা কার্যকর। উদাহরণস্বরূপ, এরকম কোনও ডিজাইনে কাজ করার কল্পনা করুন:

বিকল্প পাঠ


ডিজাইনের টাইপোগ্রাফিক মাত্রায়, অক্ষরের উচ্চতার বাকী উপাদানগুলির সাথে গুরুত্বপূর্ণ স্থানিক সম্পর্ক থাকে। উপরের উত্স চিত্রের লাইনগুলি পাঠ্যের x- উচ্চতা নির্দেশ করতে সহায়তা করার উদ্দেশ্যে তৈরি করা হয়েছে তবে তারা সেই সাথে এটিও দেখায় যে সেই পাঠ্যটির চারপাশে নকশা তৈরি করার সময় নির্দেশিকা কোথায় থাকবে।

জোনাথন মন্তব্যগুলিতে যেমন উল্লেখ করেছেন, প্রাক্তনটি কেবল তাদের উচ্চতার সংস্করণ (প্রস্থ)।


31
কেবল যোগ করার জন্য, এটি প্রস্থের জন্য '
ইম

4
@ জোয়েল প্রদত্ত ফন্টের জন্য মিটার প্রস্থ এবং x এর উচ্চতার মধ্যে অনুপাত কত? এটি স্থির করা সত্ত্বেও, এটি গণনা করা খুব সম্ভাবনাময় হতে পারে, কারণ প্রতিটি ফন্টের তার মি এবং x এর মধ্যে একটি আলাদা এবং স্বেচ্ছাচারী অনুপাত থাকে। সুতরাং প্রকারের সাথে তুলনামূলক এমন উপাদানগুলি ডিজাইনের সময়, অনুপাতটি নিজেই নির্ধারণ করার পরিবর্তে, আপনি জিনিসগুলিকে অনুপাতে রাখতে এক্স-উচ্চতার উপর নির্ভর করতে পারেন।
রেক্স এম

4
আরেকটি মোটামুটি রহস্যজনক বিষয় হ'ল মজিলা গেকো অনুসারে ইএমএস ব্যবহারকারীদের তুলনায় কিছুটা নির্ভুলভাবে এক্সেস ব্যবহার করে আইটেমগুলি স্কেল করতে পারে। কোনও ইমের ডিফল্ট "নন-স্টাইলযুক্ত" আকার 10.06667px এবং প্রাক্তনের আকার 6px হয়। এর অর্থ হ'ল ইএমএস স্কেলিংয়ের সময় ফায়ারফক্সকে আংশিক পিক্সেল প্রায়শই গোল করা হয় যখন স্কেলিং এক্সেসের চেয়ে বেশি হয়।
benrifkah

4
সাধারণত সঠিক না হলেও, এটি কল্পনা করা বৈধ যে 2x 1 মিমের সমান আকারের (যদিও মূলধন বর্ণের উচ্চতা সাধারণত 1 ম এর চেয়ে কিছুটা কম থাকে)। সিএসএস স্পেস এমনকি এমনও জানিয়েছে যে "যেখানে এক্স-উচ্চতা নির্ধারণ করা অসম্ভব বা অবৈধ, সেখানে 0.5 মিটার মান অবশ্যই ধরে নেওয়া উচিত।"
natevw

20
@ জোনাথানফিংল্যান্ড @ রেক্সএম প্রিন্ট টাইপোগ্রাফির বিপরীতে, সিএসএসে, emইউনিট প্রস্থ পরিমাপ করে না - এটি ফন্টের উচ্চতা পরিমাপ করে । 1 emএটি গণিত font-sizeমান , এবং font-size"গ্লাইফগুলির পছন্দসই উচ্চতা" নির্দিষ্ট করে । সুতরাং উভয় emএবং exএকটি উচ্চতা পরিমাপ। ( chতবে, একটি প্রস্থ পরিমাপ করে))
ররি ও'কেন

20

প্রশ্নের উত্তর দিতে, একটি ব্যবহার সুপারস্ক্রিপ্ট এবং সাবস্ক্রিপ্ট সহ। উদাহরণ:

sup {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    bottom: 1ex;
}

4
যদিও আমি মনে করি না যে এটি "প্রাক্তন" আসলে কী তা ব্যাখ্যা করতে সহায়তা করে।
সন্ধ্যাশক্তি-নিষ্ক্রিয়-

12
প্রশ্নটি হল "ওয়েব ডিজাইনকে 'প্রাক্তন' ইউনিট কী মান দেয়?" না "প্রাক্তন ইউনিট কি?" মূল প্রশ্নে প্রাক্তন ইউনিট সংজ্ঞায়নের জন্য জোয়েল খুব ভাল কাজ করে। আপনি কীভাবে এটি একটি সুপারস্ক্রিপ্টের অবস্থানের জন্য ব্যবহার করতে পারেন তার একটি ব্যবহারিক উদাহরণ সরবরাহ করছি।
জেবিএস

4
ভাল ব্যবহারিক উদাহরণ যা সরাসরি প্রশ্নের উত্তর দেয়। সাবাশ.
বেসিল বাউরক

2

এখানে আরেকটি বিষয় বিবেচনা করার বিষয় হ'ল কোনও ব্যবহারকারী যখন তাদের ফন্টের আকারটিকে আপ বা ডাউন করে (সম্ভবত সিটিআরএল + মাউস হুইল (উইন্ডোজ) ব্যবহার করে) কীভাবে আপনার পৃষ্ঠাগুলি স্কেল করে।

আমি ইম ব্যবহার করেছি .. প্যাডিং-বাম: 2 এম; প্যাডিং-ডান: 2 এমএম;

প্যাডিং-বটম সহ প্রাক্তন: 2 প্রাক্তন; প্যাডিং-শীর্ষ: 2 প্রাক্তন;

সুতরাং উল্লম্বভাবে স্কেলিং সম্পত্তি এবং অনুভূমিকভাবে স্কেলিং সম্পত্তি হিসাবে পরিমাপের একটি অনুভূমিক একক ব্যবহারের জন্য একটি পরিমাপের একটি উল্লম্ব ইউনিট।


4
ইম এবং প্রাক্তন উভয়ই উল্লম্ব ইউনিট, যেহেতু এগুলি যথাক্রমে উপরের কেস "এম" এবং লোয়ার কেস "এক্স" এর উচ্চতা হিসাবে সংজ্ঞায়িত করা হয়। এগুলি উভয়ই উল্লম্ব এবং অনুভূমিক দৈর্ঘ্যের জন্য ব্যবহার করা যেতে পারে।
জ্যাকবিবি

এটি যুক্ত করতে chশূন্যের সংখ্যা ("0") এর প্রস্থ পরিমাপ করা একটি অনুভূমিক একক।
ম্যাট এফ।

1

সিএসএস অনুচ্ছেদে এটি থাকার মান , যদি আপনি যা সত্যিই জিজ্ঞাসা করছেন এটি এম ইউনিট থাকার মানের সমান।

এটি আপনাকে আপেক্ষিক আকারে ফন্ট সেট করতে সক্ষম করে ।

আপনি জানেন না যে আমার বেস ফন্টের আকারটি কী। সুতরাং ওয়েব ডিজাইনের জন্য একটি ভাল কৌশল হ'ল ফন্টের মাপগুলি সেট করা যা পরম পরিবর্তে আপেক্ষিক; "দশমিক পিক্সেল" এর মতো স্থির আকারের চেয়ে "আপনার স্বাভাবিক আকারের দ্বিগুণ" বা "আপনার সাধারণ আকারের থেকে কিছুটা ছোট" এর সমতুল্য।


আমি এটার সাথে একমত. তবে এগুলি কি আরও নির্ভরযোগ্য নয়?
জোয়েল 3

@ জোয়েলপটার হ্যাঁ, তবে কেবল প্রস্থের জন্য; উচ্চতা জন্য, exসমতুল্য বলে মনে হচ্ছে।
আনভিস মনে করে যে এসই খারাপ

4
@ ইউনাইটস ভুল সিএসএসে একটি এমনি হ'ল একটি ফন্টের উচ্চতা (প্রায়) প্রস্থ নয় । মুদ্রণ টাইপোগ্রাফিতে, একটি ইমের ধারণাটি বড় হাতের প্রস্থ থেকে আসে M। তবে সিএসএস পরিমার্জন করা হয়েছে emউইকিপিডিয়া দেখুন ।
বাসিল বাউর্ক

4
আপনি যদি প্রস্থ চান, chঅন্য উত্তরে উল্লিখিত ইউনিটটি ব্যবহার করুন ।
তুলসী বাউরক

1

মনে রাখবেন যে, "একক / ডাবল লাইনের ব্যবধান" এর মতো শব্দগুলি আসলে দুটি সংলগ্ন লাইনের মধ্যে অফসেটকে বোঝায় যা এম দ্বারা পরিমাপ করা হয় । সুতরাং "ডাবল লাইনের ব্যবধান" অর্থ প্রতিটি লাইনের উচ্চতা 2 এমএম

অতএব, যদি আপনি একটি উল্লম্ব দূরত্ব নির্দিষ্ট করতে চান যা "লাইনের" সাথে সমানুপাতিক হয় তবে Em ব্যবহার করুন। আপনি যদি ছোট হাতের অক্ষরের প্রকৃত উচ্চতা চান তবে কেবল প্রাক্তন ব্যবহার করুন, যা আমি বলতে সাহস করি, এটি খুব বিরল উদাহরণ।

আপডেট: ওয়েব স্ট্যান্ডার্ড ব্রাউজারটিকে 0.5 মিমি প্রাক্তন হিসাবে ব্যবহার করতে বা হরফ থেকে প্রাপ্ত করার অনুমতি দেয়।

যাইহোক, কোনও "এক্স-উচ্চতা" তথ্য কোনও ফন্টে (ওপেনটাইপ বা ওয়েবফন্ট) নির্ভরযোগ্যভাবে এম্বেড করার কোনও উপায় নেই।

অতএব, পূর্বের সম্ভাবনাটি প্রাক্তন-ইউনিটকে রিডানড্যান্ট করে তোলে এবং পরবর্তীকালের কোনও নির্ভরযোগ্য উপায়ের অভাব হয়। এবং উভয়ই সম্ভব যে সত্য এটি আরও কম নির্ভরযোগ্য করে তোলে।

এইভাবে আমি প্রাক্তন ইউনিটের মান না থাকার পক্ষে যুক্তি দিই।


এই প্রশ্নটি তার অর্থের জন্য নয়, তার মানটির জন্য বিশেষভাবে জিজ্ঞাসা করে।
ম্যাট এফ।
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.