CSS কলাম-রুল-স্টাইল প্রতিভা

বর্ণনা ও ব্যবহার

columnRuleStyle এলাকা স্তম্ভের মধ্যের শৈলী নিয়ম নির্ধারণ করে。

আরও দেখুন:

CSS3 শিক্ষা:CSS3 বহুভাগ

HTML DOM পরিচ্ছেদ হান্ডবুক:columnRuleStyle এলাকা

উদাহরণ

স্তম্ভের মধ্যের রঙ নিয়ম সেট করুন:

div {
  column-rule-style: dotted;
}

আপনার হাতে পরীক্ষা করুন

পাতার নিচে আরও উদাহরণ আছে。

CSS গঠনশৈলী

column-rule-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset;

প্রতিভূতি মান

মান বর্ণনা পরীক্ষা
none কোনও নিয়ম নেই পরীক্ষা
hidden লুপ্ত রেখা নিয়ম নির্ধারণ করে。 পরীক্ষা
dotted বিন্দুময় রেখা নিয়ম নির্ধারণ করে。 পরীক্ষা
dashed হলুদ রেখা নিয়ম নির্ধারণ করে。 পরীক্ষা
solid সত্যাকার রেখা নিয়ম নির্ধারণ করে。 পরীক্ষা
double দ্বিতীয় রেখা নিয়ম নির্ধারণ করে。 পরীক্ষা
groove 3D grooved নিয়ম নির্ধারণ করে। এই প্রভাব প্রস্থ এবং রঙ মানের ওপর নির্ভর করে。 পরীক্ষা
ridge 3D ridged নিয়ম নির্ধারণ করে। এই প্রভাব প্রস্থ এবং রঙ মানের ওপর নির্ভর করে。 পরীক্ষা
inset 3D inset নিয়ম নির্ধারণ করে। এই প্রভাব প্রস্থ এবং রঙ মানের ওপর নির্ভর করে。 পরীক্ষা
outset 3D outset নিয়ম নির্ধারণ করে। এই প্রভাব প্রস্থ এবং রঙ মানের ওপর নির্ভর করে。 পরীক্ষা

প্রযুক্তিগত বিবরণ

ডিফল্ট মান: none
পরিবর্তনশীলতা: no
সংস্করণ: CSS3
JavaScript গঠনশৈলী: object.style.columnRuleStyle="dotted"

আরও উদাহরণ

Column-count
div এলিমেন্টের মধ্যের টেক্সটকে তিনটি স্তম্ভে ভাগ করে。
Column-gap
div এলিমেন্টের মধ্যের টেক্সটকে তিনটি স্তম্ভে ভাগ করে, এবং তিনটির মধ্যে 30 পিক্সেল বিচ্ছিন্নতা সৃষ্টি করে。
Column-rule
স্তম্ভের মধ্যের প্রস্থ, শৈলী এবং রঙ নির্ধারণ করে。

ব্রাউজার সমর্থন

টেবিলের সংখ্যা এই বৈশিষ্ট্যটি যে প্রথম ব্রাউজার প্রয়োগকারীর দ্বারা পূর্ণাধিকার প্রদান করা হয়েছে, তা উল্লেখ করে。

যে সব সংখ্যা সম্প্রসারণ -webkit- বা -moz- দ্বারা ব্যবহৃত হয়, তা প্রথম সংস্করণের প্রয়োগকারী সম্প্রসারণকে নির্দেশ করে。

Chrome IE / Edge Firefox Safari Opera
50.0
4.0 -webkit-		 10.0 52.0
2.0 -moz-		 9.0
3.1 -webkit-		 37.0
15.0 -webkit
11.1