سی ایس ایس چوکیدار کیر

سی ایس ایس چوکیدار کیر

border-radius ਪ੍ਰਾਪਰਟੀ ਵਰਤੋਂ ਕਰਕੇ ਇਲੈਕਟ੍ਰੌਨਿਕ ਤੰਤਰ ਵਿੱਚ ਗੋਲਾਕਾਰ ਬੋਰਡਰ ਜੋੜਨ ਲਈ ਹੈ:

ਆਮ ਬੋਰਡਰ

ਗੋਲਾਕਾਰ ਬੋਰਡਰ

ਗੋਲਾਕਾਰ ਬੋਰਡਰ

ਗੋਲਾਕਾਰ ਬੋਰਡਰ

ਉਦਾਹਰਨ

p {
  border: 2px solid red;
  border-radius: 5px;
}

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

ਹੋਰ ਉਦਾਹਰਨ

ਇੱਕ ਕਮਾਂਡ ਵਿੱਚ ਸਾਰੇ ਉੱਪਰ ਬੋਰਡਰ ਦੇ ਪ੍ਰਾਪਰਟੀਆਂ
ਇਹ ਪ੍ਰਦਰਸ਼ਨ ਕਰਦਾ ਹੈ ਕਿ ਕਿਵੇਂ ਸ਼ਾਰਟਕੈਸਟ ਪ੍ਰਾਪਰਟੀ ਵਰਤੋਂ ਕਰਕੇ ਇੱਕ ਕਮਾਂਡ ਵਿੱਚ ਉੱਪਰ ਬੋਰਡਰ ਦੇ ਸਾਰੇ ਪ੍ਰਾਪਰਟੀਆਂ ਨੂੰ ਸੈਟ ਕਰੋ।
ਨੀਚੇ ਬੋਰਡਰ ਦੀ ਸਟਾਈਲ ਸੈਟ ਕਰੋ
ਇਹ ਪ੍ਰਦਰਸ਼ਨ ਕਰਦਾ ਹੈ ਕਿ ਕਿਵੇਂ ਨੀਚੇ ਬੋਰਡਰ ਦੀ ਸਟਾਈਲ ਸੈਟ ਕਰੋ।
设置左边框的宽度
本例演示如何设置左边框的宽度。
设置四条边框的颜色
本例演示如何设置四条边框的颜色。它可以拥有一到四种颜色。
ਸੱਜੇ ਪਾਸੇ ਦੀ ਬਾਰੀ ਦੀ ਰੰਗ ਸੈਟ ਕਰੋ
ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ ਸੱਜੇ ਪਾਸੇ ਦੀ ਬਾਰੀ ਦੀ ਰੰਗ ਸੈਟ ਕਰਨ ਦੀ ਪ੍ਰਦਰਸ਼ਨ ਕੀਤੀ ਗਈ ਹੈ。

ਸਾਰੇ CSS ਬਾਰੀ ਪ੍ਰਤੀਯੋਗਿਤਾ

ਪ੍ਰਤੀਯੋਗਿਤਾ ਵਰਣਨ
border ਸ਼ਾਰਟਨ ਪ੍ਰਤੀਯੋਗਿਤਾ, ਇੱਕ ਸ਼ਬਦ ਵਿੱਚ ਸਾਰੇ ਬਾਰੀ ਦੇ ਪ੍ਰਤੀਯੋਗਿਤਾ ਸੈਟ ਕਰੋ。
border-color ਸ਼ਾਰਟਨ ਪ੍ਰਤੀਯੋਗਿਤਾ, ਚਾਰ ਪਾਸੇ ਦੀ ਬਾਰੀ ਦੀ ਰੰਗ ਸੈਟ ਕਰੋ。
border-radius ਸ਼ਾਰਟਨ ਪ੍ਰਤੀਯੋਗਿਤਾ, ਚਾਰ ਪਾਸੇ ਦੀ ਬਾਰੀ ਦੇ ਸਾਰੇ border-*-radius ਪ੍ਰਤੀਯੋਗਿਤਾ ਸੈਟ ਕਰੋ。
border-style ਸ਼ਾਰਟਨ ਪ੍ਰਤੀਯੋਗਿਤਾ, ਚਾਰ ਪਾਸੇ ਦੀ ਬਾਰੀ ਦੇ ਸਟਾਈਲ ਸੈਟ ਕਰੋ。
border-width ਸ਼ਾਰਟਨ ਪ੍ਰਤੀਯੋਗਿਤਾ, ਚਾਰ ਪਾਸੇ ਦੀ ਬਾਰੀ ਦੀ ਚੌਡਾਈ ਸੈਟ ਕਰੋ。
border-bottom ਸ਼ਾਰਟਨ ਪ੍ਰਤੀਯੋਗਿਤਾ, ਇੱਕ ਸ਼ਬਦ ਵਿੱਚ ਸਾਰੇ ਨੀਚੇ ਦੀ ਬਾਰੀ ਦੇ ਪ੍ਰਤੀਯੋਗਿਤਾ ਸੈਟ ਕਰੋ。
border-bottom-color ਨੀਚੇ ਦੀ ਬਾਰੀ ਦੀ ਰੰਗ ਸੈਟ ਕਰੋ。
border-bottom-style ਨੀਚੇ ਦੀ ਬਾਰੀ ਦੇ ਸਟਾਈਲ ਸੈਟ ਕਰੋ。
border-bottom-width ਨੀਚੇ ਦੀ ਬਾਰੀ ਦੀ ਚੌਡਾਈ ਸੈਟ ਕਰੋ。
border-left ਸ਼ਾਰਟਨ ਪ੍ਰਤੀਯੋਗਿਤਾ, ਇੱਕ ਸ਼ਬਦ ਵਿੱਚ ਸਾਰੇ ਛੱਡੇ ਪਾਸੇ ਦੀ ਬਾਰੀ ਦੇ ਪ੍ਰਤੀਯੋਗਿਤਾ ਸੈਟ ਕਰੋ。
border-left-color ਛੱਡੇ ਪਾਸੇ ਦੀ ਬਾਰੀ ਦੀ ਰੰਗ ਸੈਟ ਕਰੋ。
border-left-style ਛੱਡੇ ਪਾਸੇ ਦੀ ਬਾਰੀ ਦੇ ਸਟਾਈਲ ਸੈਟ ਕਰੋ。
border-left-width ਛੱਡੇ ਪਾਸੇ ਦੀ ਬਾਰੀ ਦੀ ਚੌਡਾਈ ਸੈਟ ਕਰੋ。
border-right ਸ਼ਾਰਟਨ ਪ੍ਰਤੀਯੋਗਿਤਾ, ਇੱਕ ਸ਼ਬਦ ਵਿੱਚ ਸਾਰੇ ਸੱਜੇ ਪਾਸੇ ਦੀ ਬਾਰੀ ਦੇ ਪ੍ਰਤੀਯੋਗਿਤਾ ਸੈਟ ਕਰੋ。
border-right-color ਸੱਜੇ ਪਾਸੇ ਦੀ ਬਾਰੀ ਦੀ ਰੰਗ ਸੈਟ ਕਰੋ。
border-right-style ਸੱਜੇ ਪਾਸੇ ਦੀ ਬਾਰੀ ਦੇ ਸਟਾਈਲ ਸੈਟ ਕਰੋ。
border-right-width ਸੱਜੇ ਪਾਸੇ ਦੀ ਬਾਰੀ ਦੀ ਚੌਡਾਈ ਸੈਟ ਕਰੋ。
border-top ਸ਼ਾਰਟਨ ਪ੍ਰਤੀਯੋਗਿਤਾ, ਇੱਕ ਸ਼ਬਦ ਵਿੱਚ ਸਾਰੇ ਉੱਪਰ ਦੀ ਬਾਰੀ ਦੇ ਪ੍ਰਤੀਯੋਗਿਤਾ ਸੈਟ ਕਰੋ。
border-top-color ਉੱਪਰ ਦੀ ਬਾਰੀ ਦੀ ਰੰਗ ਸੈਟ ਕਰੋ。
border-top-style ਉੱਪਰ ਦੀ ਬਾਰੀ ਦੇ ਸਟਾਈਲ ਸੈਟ ਕਰੋ。
border-top-width ਉੱਪਰ ਦੀ ਬਾਰੀ ਦੀ ਚੌਡਾਈ ਸੈਟ ਕਰੋ。