আমরা এলিমেন্টের বর্ডার রঙ ও আউटलাইন রঙ সংজ্ঞায়িত করতে পারি। বর্ডার ausgesprochen, আউटलাইন কোনো স্পেস নেয় না। border-color প্রপার্টি এলিমেন্টের বর্ডার রঙ সেট করতে ব্যবহৃত হয় এবং outline-color প্রপার্টি এর আউटलাইন রঙ সেট করতে।
সিনট্যাক্স
CSS border-color ও outline-color প্রপার্টির সিনট্যাক্স:
/*বর্ডার রঙ সেট করতে*/ Selector { border-color: /*মান*/ } /*আউटलাইন রঙ সেট করতে*/ Selector { outline-color: /*মান*/ }
নিচের উদাহরণগুলো CSS border-color ও outline-color প্রপার্টি বোঝায়:
উদাহরণ
<!DOCTYPE html> <html> <head> <style> span { margin: 15px; padding: 20px; border-style: solid; border-color: limegreen crimson; position: absolute; outline-width: 5px; outline-style: ridge; outline-color: orange; top: 15px; border-radius: 50%; } div { margin: auto; border-style: solid; border-color: darkmagenta dodgerblue; outline-style: dotted; outline-color: black; height: 80px; width: 80px; } </style> </head> <body> <div><span></span></div> </body> </html>
আউটপুট
এটি নিচের আউটপুট দেবে:
উদাহরণ
<!DOCTYPE html> <html> <head> <style> p { border-width: 5px; border-style: ridge; border-color: lightblue; outline-style: solid; outline-color: darkviolet; } </style> </head> <body> <h2>Exams Timings</h2> <p>Entrance Exam timings 3PM - 5PM. All candidates are requested to report at 2:45PM.</p> </body> </html>
আউটপুট
এটি নিচের আউটপুট দেবে:
