Clock

Khmer Web

Gateway to web application
Box Shadow Property
Edit

property box-shadow ត្រូវ​បាន​គេ​យក​ទៅ​ប្រើប្រាស់​សំរាប់​កណត់​ស្រមោល​របស់ element ទាំងឡាយ​ដូច​ខាង​ក្រោម​នេះ៖

<!DOCTYPE html>
<html>
  <head>
  	<meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  	<title>Box Shadow</title>
    <style>
      div {
  		width: 300px;
  		height: 100px;
  		padding: 15px;
  		background-color: yellow;
  		box-shadow: 10px 10px;
	  }
    </style>
  </head>
  
  <body>
	
The box-shadow Property


	
This is a div element with a box-shadow

  </body>
</html>

The box-shadow Property

This is a div element with a box-shadow

លើស​ពី​នេះ​ទៀត បើ​សិន​ជា​យើង​ចង់​កែប្រែ​ពណ៌​ស្រមោល​របស់ element យើង​ត្រូវ​ធ្វើ​ដូច​ខាង​ក្រោម​នេះ៖

<!DOCTYPE html>
<html>
  <head>
  	<meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  	<title>Box Shadow</title>
    <style>
      div {
  		width: 300px;
  		height: 100px;
  		padding: 15px;
  		background-color: yellow;
  		box-shadow: 10px 10px red;
	  }
    </style>
  </head>
  
  <body>
	
The box-shadow Property


	
This is a div element with a box-shadow

  </body>
</html>

The box-shadow Property

This is a div element with a box-shadow

មួយវិញទៀត បើ​សិន​ជា​យើង​ចង់​លុប​ជ្រុង​របស់​ស្រមោល​កុំ​អោយ​ឃើញ​ច្បាស់​ពេក យើង​ត្រូវ​ធ្វើ​ដូច​ខាង​ក្រោម​នេះ៖

<!DOCTYPE html>
<html>
  <head>
  	<meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  	<title>Box Shadow</title>
    <style>
      div {
  		width: 300px;
  		height: 100px;
  		padding: 15px;
  		background-color: yellow;
  		box-shadow: 10px 10px 8px red;
	  }
    </style>
  </head>
  
  <body>
	
The box-shadow Property


	
This is a div element with a box-shadow

  </body>
</html>

The box-shadow Property

This is a div element with a box-shadow