.border_width_thin{
	width: 1000px;        /* Ширина поля в процентах */
	height: 200px;       /* Высота поля в пикселах */
	border-style: solid;
	border-color: #1E90FF;
	border-width: thin;
	}
	.border_width_medium{
	width: 300px; 
	height: 200px;
	border-style: solid;
	border-color: #1E90FF;
	border-width: medium;
	}
	.border_width_thick{
	width: 300px; 
	height: 200px;
	border-style: solid;
	border-color: #1E90FF;
	border-width: thick;
	}
	.border_width{
	width: 300px; 
	height: 200px;
	border-style: solid;
	border-color: #1E90FF;
	border-width: 1px 2px 3px 4px;
	}
	
	   textarea {
    width: 1000px; /* Ширина поля в процентах */
    height: 250px; /* Высота поля в пикселах */
    resize: none; /* Запрещаем изменять размер */
   }
   

	.border_hover{ /*При наведении курсора мыши на блок цвет рамки изменится */
	border: 2px solid #1E90FF;
	padding: 5px;
	width: 1000px;
	height: 200px;
	}
	.border_hover:hover{
	border: 2px solid #F0F;
	padding: 5px;
	}
	
	
	.border_style_dotted{ 	/*Пример. Разные стили оформления границы рамки */
	border: 2px dotted #1E90FF;
	padding: 3px;
	margin-bottom: 5px;
	}
	.border_style_dashed{
	border: 2px dashed #1E90FF;
	padding: 3px;
	margin-bottom: 5px;
	}
	.border_style_solid{
	border: 2px solid #1E90FF;
	padding: 3px;
	margin-bottom: 5px;
	}
	.border_style_double{
	border: 2px double #1E90FF;
	padding: 3px;
	margin-bottom: 5px;
	}
	.border_style_groove{
	border: 5px groove #1E90FF;
	padding: 3px;
	margin-bottom: 5px;
	}
	.border_style_ridge{
	border: 5px ridge #1E90FF;
	padding: 3px;
	margin-bottom: 5px;
	}
	.border_style_inset{
	border: 5px inset #1E90FF;
	padding: 3px;
	margin-bottom: 5px;
	}
	.border_style_outset{
	border: 5px outset #1E90FF;
	padding: 3px;
	margin-bottom: 5px;
	}
	.border_complex{
	border-left: 5px solid #1E90FF;
	border-right: 5px dotted #1E90FF;
	border-top: 5px double #1E90FF;
	border-bottom: 5px dashed #1E90FF;
	padding: 3px;
	margin-bottom: 5px;
}

	.opacity_border{ /* Пример. Как сделать прозрачную рамку с фото внутри */
	border: 10px solid rgba(80, 55, 80, 0.5);
	background: url('../img/100x100.png');
	width: 1000px;
	height: 200px;
	}
	
	.primer_ramka_citata{ /* Красивая рамка для выделения цитат */
	width: 1000px; 
	height: 200px; 
	border: 1px solid #DEB887; 	
	border-left: 2px dashed #006400; 
	background: #EEE8AA; 
	padding: 5px; 
	margin-bottom: 5px; 
	}
	
	.neskolko_granic { /* 4 рамки с разными цветами */
	width: 1000px; 
	height: 200px; 
	position: relative; 
	border: 10px solid orange; 
	}
	.neskolko_granic:after, .neskolko_granic:before {
	content: ''; 
	position: absolute; 
	top: 0;  
	left: 0;  
	bottom: 0;  
	right: 0; 
	}
	.neskolko_granic:after {
	border: 5px solid red; 
	outline: 5px solid yellow; 
	}
	.neskolko_granic:before {
	border: 10px solid green; 
	}

.element {  /* 7 css рамок красных разных */
  border-width: 4px;
  border-color: red;
  display: inline-block;
  margin:10px
}
.double {
  width: 1000px; 
  height: 250px; 
  border-style:double;
}
.double1 { 
  border-style:double;
}
.dashed {
  border-style:dashed;
}
.dotted {
  border-style:dotted;
}
.groove {
  border-style:groove;
}
.ridge {
  border-style:ridge;
}
.inset {
  border-style:inset;
}
.outset {
  border-style:outset;
}

dias-2 {
  display: block;
  width: 400px;
  height: 500px;
  border: 5px dashed green;
}