CSS எல்லைகள்
CSS எல்லை பண்புகள் உங்களை ஒரு உறுப்பின் எல்லையின் பாணி, அகலம் மற்றும் நிறத்தை குறிப்பிட அனுமதிக்கின்றன.
எல்லா பக்கங்களிலும் எனக்கு எல்லைகள் உள்ளன.
எனக்கு ஒரு சிவப்பு, கீழ் எல்லை உள்ளது.
எனக்கு வட்டமான எல்லைகள் உள்ளன.
எனக்கு ஒரு நீல, இடது எல்லை உள்ளது.
CSS எல்லை பாணி
border-style பண்பு எந்த வகையான எல்லையைக் காட்ட வேண்டும் என்பதைக் குறிப்பிடுகிறது.
பின்வரும் மதிப்புகள் அனுமதிக்கப்படுகின்றன:
முக்கியமான குறிப்பு:
border-style பண்பு ஒன்று முதல் நான்கு வரை மதிப்புகளைக் கொண்டிருக்கலாம் (மேல் எல்லை, வலது எல்லை, கீழ் எல்லை மற்றும் இடது எல்லைக்கு).
எடுத்துக்காட்டு
வெவ்வேறு எல்லை பாணிகளின் ஆர்ப்பாட்டம்:
p.dotted {border-style: dotted;}
p.dashed {border-style: dashed;}
p.solid {border-style: solid;}
p.double {border-style: double;}
p.groove {border-style: groove;}
p.ridge {border-style: ridge;}
p.inset {border-style: inset;}
p.outset {border-style: outset;}
p.none {border-style: none;}
p.hidden {border-style: hidden;}
p.mix {border-style: dotted dashed solid double;}முடிவு:
ஒரு புள்ளி புள்ளியான எல்லை.
ஒரு கோடிட்ட எல்லை.
ஒரு திடமான எல்லை.
ஒரு இரட்டை எல்லை.
ஒரு பள்ளமான எல்லை. விளைவு எல்லை-நிற மதிப்பைப் பொறுத்தது.
ஒரு மேடையான எல்லை. விளைவு எல்லை-நிற மதிப்பைப் பொறுத்தது.
ஒரு உள்ளீட்டு எல்லை. விளைவு எல்லை-நிற மதிப்பைப் பொறுத்தது.
ஒரு வெளியீட்டு எல்லை. விளைவு எல்லை-நிற மதிப்பைப் பொறுத்தது.
எல்லை இல்லை.
ஒரு கலப்பு எல்லை.
கவனம்:
border-style பண்பு அமைக்கப்படாத வரை மற்ற எந்த CSS எல்லை பண்புகளுக்கும் (அடுத்த அத்தியாயங்களில் நீங்கள் மேலும் அறிவீர்கள்) எந்த விளைவும் இருக்காது!