ែគម

ែគម េធើឲ តុ ន លកណៈ ដូច ង េ ម និងេ ចើន ង េនះ េទៀត ។

HTML CSS Javascript លទផល

ែគមជុំវញ េហើយេកោងតាម ជុង

ែគម២ជាន់

ែគមខុសៗគា

បេភទែគម
េដើម ី កំណត់ បេភទ ៃនែគម គឺ តូវេ បើ border-style property  ។ តៃម របស់ នេ ចើន សូម
េមើល ឧ ហរណ៍ ងេ ម ។ េហើយ េយើង តូវកំណត់ ៤ តៃម ឬតិច ង េនះ ែដល ន ឥទិពល េ េលើ
ជុង ៖

១តៃម ៖ េលើ ំង ៤ ជុង  ។

២តៃម ៖ តៃម ទី១ គឺ ជុង េលើនិងេ ម ។ តៃម ទី២ គឺ ជុង ំ និងេឆង ។

៣តៃម ៖ តៃម ទី១ គឺ ជុង េលើ ។ តៃម ទី២ គឺ ជុង ំនិងេឆង ។ តៃម ទី៣ គឺ ជុង េ ម ។
៤តៃម ៖ ម លំ ប់ េលើ ំ េ ម េឆង ។

HTML CSS Javascript លទផល

 solid dashed dotted double groove ridge inset outset

double solid dashed solid double dashed solid double dotted

ចំ ំ ៖ property េផ ងៗ ែដល ក់ទង នឹង របេងើត ែគម នឹងមិនដំេណើរ រេទ េបើមិនកំណត់

border-style property េនះ ។

ក ស់ែគម
េដើម ី កំណត់ ក ស់ ៃនែគម គឺ តូវេ បើ border-width property  ។ តៃម របស់ គឺ ក ស់
ែដល តូវសរេសរ េលខ េហើយ ន បតិកមេ េលើ ជុង ដូច border-style property ែដរ ។

HTML CSS Javascript លទផល

1 ▾ div {
2    border-style: solid;
3    border-width: 5px 2px 10px 7px;
4 }
5

ពណ៌ែគម
េដើម ី កំណត់ ពណ៌ ៃនែគម គឺ តូវេ បើ border-color property  ។ តៃម របស់ គឺ ពណ៌ ែដល ន
បតិកម េ េលើ ជុង ដូច border-style property ែដរ ។

HTML CSS Javascript លទផល

{
 1 ▾ #title {
2    border-style: solid double;
3    border-width: 5px 4px 7px 2px;
4    border-color: purple red blue green;
5 }
6

កំណត់ែគមេ យេ បើ property ែតមួយ

border-style , border-width និង border-color ច សរេសរ ប ល េ យ េ បើ
border property ែតមួយ  ។ តៃម របស់ គឺ ម លំ ប់ border-width border-
style border-color េហើយ ច់ េ យ រដក  ។

HTML CSS Javascript លទផល

1 ▾ #title {
2    border: 5px dotted blue;
3 }
4

ចំ ំ ៖ ល កំណត់ border property គឺ ន បតិកម េលើ ជុង ំង ៤ៃនែគម ។

កំណត់ែគម ច់េ យែឡកពី

border-top េ បើសំ ប់ កំណត់ ែគម េ ឲ ជុង េលើ ។ តៃម របស់ គឺដូច border  ។

border-top-style េ បើសំ ប់ កំណត់ បេភទ ែគម េ ឲ ជុង េលើ ។

border-top-width េ បើសំ ប់ កំណត់ ក ស់ ែគម េ ឲ ជុង េលើ ។

border-top-color េ បើសំ ប់ កំណត់ ពណ៌ ែគម េ ឲ ជុង េលើ ។

border-right េ បើសំ ប់ កំណត់ ែគម េ ឲ ជុង ំ ។ តៃម របស់ គឺដូច border  ។

border-right-style េ បើសំ ប់ កំណត់ បេភទ ែគម េ ឲ ជុង ំ ។

border-right-width េ បើសំ ប់ កំណត់ ក ស់ ែគម េ ឲ ជុង ំ ។

border-right-color េ បើសំ ប់ កំណត់ ពណ៌ ែគម េ ឲ ជុង ំ ។

េ បើសំ ប់ កំណត់ ែគម េ ឲ ជុង េ ម ។ តៃម របស់ គឺដូច

 border-bottom េ បើសំ ប់ កំណត់ ែគម េ ឲ ជុង េ ម ។ តៃម របស់ គឺដូច
border  ។

border-bottom-style េ បើសំ ប់ កំណត់ បេភទ ែគម េ ឲ ជុងេ ម ។

border-bottom-width េ បើសំ ប់ កំណត់ ក ស់ ែគម េ ឲ ជុង េ ម ។

border-bottom-color េ បើសំ ប់ កំណត់ ពណ៌ ែគម េ ឲ ជុង េ ម ។

border-left េ បើសំ ប់ កំណត់ ែគម េ ឲ ជុង េឆង ។ តៃម របស់ គឺដូច border  ។

border-left-style េ បើសំ ប់ កំណត់ បេភទ ែគម េ ឲ ជុង េឆង ។

border-left-width េ បើសំ ប់ កំណត់ ក ស់ ែគម េ ឲ ជុង េឆង ។

border-left-color េ បើសំ ប់ កំណត់ ពណ៌ ែគម េ ឲ ជុង េឆង ។

HTML CSS Javascript លទផល

1 ▾ #title {
2    border-left : 5px dotted blue;
3 }
4

ែគម
ំ
េដើម ី កំណត់ ំៃនែគម គឺ តូវេ បើ border-radius property  ។ តៃម ៃនរបស់ ន ឥទិពល េ
េលើ ជុង ៖

១តៃម ៖ េលើ ំង ៤ ជុង  ។

២តៃម ៖ តៃម ទី១ គឺ ជុង េលើេឆង និងេ ម ំ ។ តៃម ទី២ គឺ ជុងេលើ ំនិងេ ម េឆង ។
៣តៃម ៖ តៃម ទី១ គឺ ជុង េលើេឆង ។ តៃម ទី២ គឺ ជុងេលើ ំនិងេ ម េឆង ។ តៃម ទី៣ គឺ ជុង
េ ម ំ ។

៤តៃម ៖ ម លំ ប់ េលើេឆង េលើ ំ េ ម ំ េ ម េឆង ។

HTML CSS Javascript លទផល

1 ▾ div {
2    border: 2px solid orange;
3    border-radius: 10px 25px;
4    height: 40px;
}
5 }