Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΠ΅

width | htmlbook.ru

Internet ExplorerChromeOperaSafariFirefoxAndroidiOS
6.0+8.0+1.0+3.5+3.1+1.0+1.0+1.0+

ΠšΡ€Π°Ρ‚ΠΊΠ°Ρ информация

ВСрсии CSS

ОписаниС

УстанавливаСт ΡˆΠΈΡ€ΠΈΠ½Ρƒ Π±Π»ΠΎΡ‡Π½Ρ‹Ρ… ΠΈΠ»ΠΈ замСняСмых элСмСнтов (ΠΊ Π½ΠΈΠΌ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, относится Ρ‚Π΅Π³ <img>). Π¨ΠΈΡ€ΠΈΠ½Π° Π½Π΅ Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Ρ‚ΠΎΠ»Ρ‰ΠΈΠ½Ρƒ Π³Ρ€Π°Π½ΠΈΡ† Π²ΠΎΠΊΡ€ΡƒΠ³ элСмСнта, Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ отступов ΠΈ ΠΏΠΎΠ»Π΅ΠΉ.

Π‘Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ Π½Π΅ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ с ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉ, Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ отобраТСния зависит ΠΎΡ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΠΎΠ³ΠΎ <!DOCTYPE>. Π’ Ρ‚Π°Π±Π».Β 1 ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Ρ‹ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½Ρ‹Π΅ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ <!DOCTYPE> ΠΈ получаСмая ΡˆΠΈΡ€ΠΈΠ½Π°.

Π’Π°Π±Π». 1. ДСйствиС width Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Ρ…
<!DOCTYPE>Internet ExplorerOpera 10+, Firefox, Chrome, SafariOpera 9
НС ΡƒΠΊΠ°Π·Π°Π½ (Ρ€Π΅ΠΆΠΈΠΌ совмСстимости)Если содСрТимоС ΠΏΡ€Π΅Π²Ρ‹ΡˆΠ°Π΅Ρ‚ Π·Π°Π΄Π°Π½Π½ΡƒΡŽ ΡˆΠΈΡ€ΠΈΠ½Ρƒ, Ρ‚ΠΎ Π±Π»ΠΎΠΊ измСняСт свои Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹, ΠΏΠΎΠ΄ΡΡ‚Ρ€Π°ΠΈΠ²Π°ΡΡΡŒ ΠΏΠΎΠ΄ содСрТимоС. Π’ ΠΏΡ€ΠΎΡ‚ΠΈΠ²Π½ΠΎΠΌ случаС ΡˆΠΈΡ€ΠΈΠ½Π° Π±Π»ΠΎΠΊΠ° Ρ€Π°Π²Π½Π° Π·Π½Π°Ρ‡Π΅Π½ΠΈΡŽ width.Π’ΠΎ всСх случаях Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ дСйствуСт ΠΏΠΎ спСцификации CSS. А ΠΈΠΌΠ΅Π½Π½ΠΎ, ΡˆΠΈΡ€ΠΈΠ½Π° Π±Π»ΠΎΠΊΠ° получаСтся слоТСниСм Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ width, padding, margin ΠΈ border.

Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠΈΠΌΠΎΠ΅ Π±Π»ΠΎΠΊΠ°, Ссли Π½Π΅ помСщаСтся Π² Π·Π°Π΄Π°Π½Π½Ρ‹Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹, отобраТаСтся ΠΏΠΎΠ²Π΅Ρ€Ρ… Π±Π»ΠΎΠΊΠ°.

Π¨ΠΈΡ€ΠΈΠ½Π° Ρ€Π°Π²Π½Π° Π·Π½Π°Ρ‡Π΅Π½ΠΈΡŽ width.

Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠΈΠΌΠΎΠ΅ Π±Π»ΠΎΠΊΠ°, Ссли Π½Π΅ помСщаСтся Π² Π·Π°Π΄Π°Π½Π½Ρ‹Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹, отобраТаСтся ΠΏΠΎΠ²Π΅Ρ€Ρ….

ΠŸΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π½Ρ‹ΠΉ HTML
<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Transitional//EN»>
Π‘Ρ‚Ρ€ΠΎΠ³ΠΈΠΉ HTML
<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01//EN»>
Π¨ΠΈΡ€ΠΈΠ½Π° формируСтся ΠΏΡƒΡ‚Π΅ΠΌ слоТСния Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ width, padding, margin ΠΈ border.

Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠΈΠΌΠΎΠ΅ Π±Π»ΠΎΠΊΠ°, Ссли Π½Π΅ помСщаСтся Π² Π·Π°Π΄Π°Π½Π½Ρ‹Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹, отобраТаСтся ΠΏΠΎΠ²Π΅Ρ€Ρ….

Π¨ΠΈΡ€ΠΈΠ½Π° Ρ€Π°Π²Π½Π° Π·Π½Π°Ρ‡Π΅Π½ΠΈΡŽ width плюс padding, margin, ΠΈ border.

Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠΈΠΌΠΎΠ΅ Π±Π»ΠΎΠΊΠ°, Ссли Π½Π΅ помСщаСтся Π² Π·Π°Π΄Π°Π½Π½Ρ‹Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹, отобраТаСтся ΠΏΠΎΠ²Π΅Ρ€Ρ….

HTML 5
<!DOCTYPE html>
XHTML
<!DOCTYPE html PUBLIC «-//W3C//DTD XHTML 1.0 Strict//EN»>

Бинтаксис

width: Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ | ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚Ρ‹ | auto | inherit

ЗначСния

Π’ качСствС Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ Π»ΡŽΠ±Ρ‹Π΅ Π΅Π΄ΠΈΠ½ΠΈΡ†Ρ‹ Π΄Π»ΠΈΠ½Ρ‹, принятыС Π² CSS β€” Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, пиксСлы (px), Π΄ΡŽΠΉΠΌΡ‹ (in), ΠΏΡƒΠ½ΠΊΡ‚Ρ‹ (pt) ΠΈ Π΄Ρ€. ΠŸΡ€ΠΈ использовании ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚Π½ΠΎΠΉ записи ΡˆΠΈΡ€ΠΈΠ½Π° элСмСнта вычисляСтся Π² зависимости ΠΎΡ‚ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ элСмСнта. Если Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒ явно Π½Π΅ ΡƒΠΊΠ°Π·Π°Π½, Ρ‚ΠΎ Π² Π΅Π³ΠΎ качСствС выступаСт ΠΎΠΊΠ½ΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°.

auto
УстанавливаСт ΡˆΠΈΡ€ΠΈΠ½Ρƒ исходя ΠΈΠ· Ρ‚ΠΈΠΏΠ° ΠΈ содСрТимого элСмСнта.
inherit
НаслСдуСт Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ родитСля.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€

HTML5CSS2.1IECrOpSaFx

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>width</title>
  <style>
   .layer1 {
    width: 300px; /* Π¨ΠΈΡ€ΠΈΠ½Π° Π±Π»ΠΎΠΊΠ° */
    background: #fc0; /* Π¦Π²Π΅Ρ‚ Ρ„ΠΎΠ½Π° */
    padding: 7px; /* Поля Π²ΠΎΠΊΡ€ΡƒΠ³ тСкста */
    border: 1px solid #ccc; /* ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ Ρ€Π°ΠΌΠΊΠΈ */
   }
   .layer2 {
    width: 400px; /* Π¨ΠΈΡ€ΠΈΠ½Π° тСкстового Π±Π»ΠΎΠΊΠ° */
   }
  </style>
 </head>
 <body>
  <div>
   <p>Lorem ipsum dolor sit amet,consectetuer 
   adipiscing elit,seddiem nonummy nibh euismod tincidunt ut 
   lacreet dolore magna aliguam erat volutpat.</p>
  </div>
 </body>
</html>

Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ Π΄Π°Π½Π½ΠΎΠ³ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°, ΠΊΠ°ΠΊ ΠΎΠ½ отобраТаСтся Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ Safari ΠΏΠΎΠΊΠ°Π·Π°Π½ Π½Π° рис. 1.

Рис. 1. Π¨ΠΈΡ€ΠΈΠ½Π° Π±Π»ΠΎΠΊΠ°

ΠžΠ±ΡŠΠ΅ΠΊΡ‚Π½Π°Ρ модСль

[window.]document.getElementById(«elementID»).style.width

Π‘Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹

Π‘Ρ€Π°ΡƒΠ·Π΅Ρ€ Internet Explorer 6 Π½Π΅ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚Π½ΠΎ опрСдСляСт width ΠΊΠ°ΠΊ min-width. Π’ Ρ€Π΅ΠΆΠΈΠΌΠ΅ совмСстимости (quirk mode) Internet Explorer Π΄ΠΎ вСрсии 8.0 Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π½Π΅ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ вычисляСт ΡˆΠΈΡ€ΠΈΠ½Ρƒ элСмСнта, Π½Π΅ добавляя ΠΊ Π½Π΅ΠΉ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ отступов, ΠΏΠΎΠ»Π΅ΠΉ ΠΈ Π³Ρ€Π°Π½ΠΈΡ†.

Internet Explorer Π΄ΠΎ вСрсии 7.0 Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ inherit.

Атрибут width | htmlbook.ru

Internet ExplorerChromeOperaSafariFirefoxAndroidiOS
1.0+1.0+1.0+1.0+1.0+1.0+1.0+

БпСцификация

HTML:3.24.015.0XHTML:1.01.1

ОписаниС

Для измСнСния Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² изобраТСния срСдствами HTML прСдусмотрСны Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ height ΠΈ width. ДопускаСтся ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ значСния Π² пиксСлах ΠΈΠ»ΠΈ ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚Π°Ρ…. Если установлСна процСнтная запись, Ρ‚ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ изобраТСния Π²Ρ‹Ρ‡ΠΈΡΠ»ΡΡŽΡ‚ΡΡ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ элСмСнта — ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π°, Π³Π΄Π΅ находится Ρ‚Π΅Π³ <img>. Π’ случаС отсутствия Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π°, Π² Π΅Π³ΠΎ качСствС выступаСт ΠΎΠΊΠ½ΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°. Π˜Π½Ρ‹ΠΌΠΈ словами, ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ рисунок Π±ΡƒΠ΄Π΅Ρ‚ растянут Π½Π° всю ΡˆΠΈΡ€ΠΈΠ½Ρƒ Π²Π΅Π±-страницы. Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ΄Π½ΠΎΠ³ΠΎ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° width ΠΈΠ»ΠΈ height сохраняСт ΠΏΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΈ ΠΈ ΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠ΅ сторон изобраТСния. Π‘Ρ€Π°ΡƒΠ·Π΅Ρ€ ΠΏΡ€ΠΈ этом ΠΎΠΆΠΈΠ΄Π°Π΅Ρ‚ ΠΏΠΎΠ»Π½ΠΎΠΉ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ рисунка, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ Π΅Π³ΠΎ ΠΏΠ΅Ρ€Π²ΠΎΠ½Π°Ρ‡Π°Π»ΡŒΠ½ΡƒΡŽ высоту ΠΈ ΡˆΠΈΡ€ΠΈΠ½Ρƒ.

ΠžΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ Π·Π°Π΄Π°Π²Π°ΠΉΡ‚Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ всСх ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π½Π° Π²Π΅Π±-страницС. Π­Ρ‚ΠΎ нСсколько ускоряСт Π·Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ страницы, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ Π½Π΅Ρ‚ Π½ΡƒΠΆΠ΄Ρ‹ Π²Ρ‹Ρ‡ΠΈΡΠ»ΡΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ рисунка послС Π΅Π³ΠΎ получСния. Π­Ρ‚ΠΎ ΡƒΡ‚Π²Π΅Ρ€ΠΆΠ΄Π΅Π½ΠΈΠ΅ особСнно Π²Π°ΠΆΠ½ΠΎ для ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½Π½Ρ‹Ρ… Π²Π½ΡƒΡ‚Ρ€ΠΈ Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹.

Π¨ΠΈΡ€ΠΈΠ½Ρƒ ΠΈ высоту изобраТСния ΠΌΠΎΠΆΠ½ΠΎ ΠΌΠ΅Π½ΡΡ‚ΡŒ ΠΊΠ°ΠΊ Π² ΠΌΠ΅Π½ΡŒΡˆΡƒΡŽ, Ρ‚Π°ΠΊ ΠΈ Π±ΠΎΠ»ΡŒΡˆΡƒΡŽ сторону. Однако Π½Π° ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ рисунка это Π½ΠΈΠΊΠ°ΠΊ Π½Π΅ влияСт, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π° остаСтся Π½Π΅ΠΈΠ·ΠΌΠ΅Π½Π½Ρ‹ΠΌ. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ с ΠΎΡΡ‚ΠΎΡ€ΠΎΠΆΠ½ΠΎΡΡ‚ΡŒΡŽ ΡƒΠΌΠ΅Π½ΡŒΡˆΠ°ΠΉΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Ρ‚.ΠΊ. это ΠΌΠΎΠΆΠ΅Ρ‚ Π²Ρ‹Π·Π²Π°Ρ‚ΡŒ Π½Π΅Π΄ΠΎΡƒΠΌΠ΅Π½ΠΈΠ΅ Ρƒ Ρ‡ΠΈΡ‚Π°Ρ‚Π΅Π»Π΅ΠΉ, ΠΎΡ‚Ρ‡Π΅Π³ΠΎ Ρ‚Π°ΠΊΠΎΠΉ малСнький рисунок Ρ‚Π°ΠΊ Π΄ΠΎΠ»Π³ΠΎ грузится. А Π²ΠΎΡ‚ ΡƒΠ²Π΅Π»ΠΈΡ‡Π΅Π½ΠΈΠ΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² ΠΏΡ€ΠΈΠ²ΠΎΠ΄ΠΈΡ‚ ΠΊ ΠΎΠ±Ρ€Π°Ρ‚Π½ΠΎΠΌΡƒ эффСкту — Ρ€Π°Π·ΠΌΠ΅Ρ€ изобраТСния Π²Π΅Π»ΠΈΠΊ, Π½ΠΎ Ρ„Π°ΠΉΠ» ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ изобраТСния Π°Π½Π°Π»ΠΎΠ³ΠΈΡ‡Π½ΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° загруТаСтся быстрСС. Но качСство рисунка ΠΏΡ€ΠΈ этом ΡƒΡ…ΡƒΠ΄ΡˆΠ°Π΅Ρ‚ΡΡ.

Бинтаксис

HTML
<img>
XHTML
<img />

ЗначСния

Π›ΡŽΠ±ΠΎΠ΅ Ρ†Π΅Π»ΠΎΠ΅ ΠΏΠΎΠ»ΠΎΠΆΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ΅ число Π² пиксСлах ΠΈΠ»ΠΈ ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚Π°Ρ….

Π—Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ

Π˜ΡΡ…ΠΎΠ΄Π½Π°Ρ ΡˆΠΈΡ€ΠΈΠ½Π° изобраТСния.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€

HTML5IECrOpSaFx

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Π’Π΅Π³ IMG, Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ width</title>
 </head>
 <body>

  <p><img src="images/sample.gif"
    alt=""></p>

 </body>
</html>

Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ элСмСнта β€” ΡƒΡ‡Π΅Π±Π½ΠΈΠΊ CSS

Для Ρ‚ΠΎΠ³ΠΎ Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρƒ ΠΌΠΎΠΆΠ½ΠΎ Π±Ρ‹Π»ΠΎ Π·Π°Π΄Π°Ρ‚ΡŒ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΡƒΡŽ ΡˆΠΈΡ€ΠΈΠ½Ρƒ ΠΈ высоту, Π² CSS ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‚ Π΄Π²Π° свойства β€”

width ΠΈ height (соотвСтствСнно). Π‘ ΠΈΡ… ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΡΡ‚Π°Π½Π°Π²Π»ΠΈΠ²Π°Ρ‚ΡŒ фиксированныС Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ элСмСнтов, Π±ΡƒΠ΄ΡŒ-Ρ‚ΠΎ сайдбар, ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Ρ‚Π°Π±Π»ΠΈΡ†Π° ΠΈΠ»ΠΈ любой Π±Π»ΠΎΠΊ.

ΠžΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΠΈ вычислСния ΡˆΠΈΡ€ΠΈΠ½Ρ‹ ΠΈ высоты

Для опрСдСлСния ΡˆΠΈΡ€ΠΈΠ½Ρ‹ Π»ΠΈΠ±ΠΎ высоты ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π° ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π»ΡŽΠ±Ρ‹Π΅ Π΅Π΄ΠΈΠ½ΠΈΡ†Ρ‹ измСрСния Π΄Π»ΠΈΠ½Ρ‹ Π² CSS. НаиболСС просты Π² ΠΏΠΎΠ½ΠΈΠΌΠ°Π½ΠΈΠΈ пиксСлы. Если Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚Π½ΡƒΡŽ запись, ΠΈΠΌΠ΅ΠΉΡ‚Π΅ Π² Π²ΠΈΠ΄Ρƒ, Ρ‡Ρ‚ΠΎ Π² этом случаС ΡˆΠΈΡ€ΠΈΠ½Π° ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π° Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°Π²ΠΈΡΠ΅Ρ‚ΡŒ ΠΎΡ‚ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ Π΅Π³ΠΎ родитСля. Если Ρ‚Π°ΠΊΠΎΠ²ΠΎΠ³ΠΎ Π½Π΅Ρ‚, Ρ‚ΠΎ ΡˆΠΈΡ€ΠΈΠ½Π° элСмСнта вычисляСтся, исходя ΠΈΠ· ΡˆΠΈΡ€ΠΈΠ½Ρ‹ ΠΎΠΊΠ½Π° Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° (ΠΏΡ€ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ ΠΎΠΊΠ½Π° Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ width Π±ΡƒΠ΄Π΅Ρ‚ пСрСсчитано).

Π’ качСствС значСния ΡˆΠΈΡ€ΠΈΠ½Ρ‹ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ Π΅Π΄ΠΈΠ½ΠΈΡ†Ρƒ

em, которая являСтся ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π½ΠΎ Ρ‚Π΅ΠΌ ΠΆΠ΅, Ρ‡Π΅ΠΌ ΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΡˆΡ€ΠΈΡ„Ρ‚Π° тСкста, Π½ΠΎ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² условных Π΅Π΄ΠΈΠ½ΠΈΡ†Π°Ρ…. К ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρƒ, Π²Ρ‹ установили Ρ€Π°Π·ΠΌΠ΅Ρ€ для ΡˆΡ€ΠΈΡ„Ρ‚Π° 24px. Π’ΠΎΠ³Π΄Π° 1em для этого элСмСнта Π±ΡƒΠ΄Π΅Ρ‚ Ρ€Π°Π²Π΅Π½ 24 пиксСлам, Π° Ссли Π²Ρ‹ Π·Π°Π΄Π°Π΄ΠΈΡ‚Π΅ width: 2em, Ρ‚ΠΎ ΡˆΠΈΡ€ΠΈΠ½Π° составит 2Γ—24pxΒ =Β 48 пиксСлов. Если Ρ€Π°Π·ΠΌΠ΅Ρ€ ΡˆΡ€ΠΈΡ„Ρ‚Π° Π½Π΅ Π·Π°Π΄Π°Π½, ΠΎΠ½ Π±ΡƒΠ΄Π΅Ρ‚ унаслСдован.

Высота height, заданная Π² ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚Π°Ρ…, вычисляСтся Π°Π½Π°Π»ΠΎΠ³ΠΈΡ‡Π½Ρ‹ΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Ρ‡Ρ‚ΠΎ ΠΈ ΡˆΠΈΡ€ΠΈΠ½Π°, Π½ΠΎ расчСт основываСтся ΡƒΠΆΠ΅ Π½Π° высотС Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ элСмСнта, Π° Π½Π΅ Π½Π° Π΅Π³ΠΎ ΡˆΠΈΡ€ΠΈΠ½Π΅. Если Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒ отсутствуСт, высота Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°Π²ΠΈΡΠ΅Ρ‚ΡŒ ΠΎΡ‚ высоты ΠΎΠΊΠ½Π° Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°.

ΠŸΡ€ΠΎΡ†Π΅Π½Ρ‚Π½Π°Ρ ΡˆΠΈΡ€ΠΈΠ½Π° ΠΈ высота Π΄ΠΎΡ‡Π΅Ρ€Π½Π΅Π³ΠΎ элСмСнта Π²Ρ‹Ρ‡ΠΈΡΠ»ΡΡŽΡ‚ΡΡ Π½Π° основании Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² родитСля

Π§Ρ‚ΠΎ Π²Ρ…ΠΎΠ΄ΠΈΡ‚ Π² ΡˆΠΈΡ€ΠΈΠ½Ρƒ ΠΈ высоту

Π‘Ρ€Π°Π·Ρƒ стоит Π·Π°ΠΏΠΎΠΌΠ½ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ Ρƒ свойств width ΠΈ height Π΅ΡΡ‚ΡŒ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΡŒ β€” ΠΎΠ½ΠΈ Π½Π΅ Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‚ Π² сСбя значСния margin, padding ΠΈ border. Π—Π½Π°Ρ‡Π΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π²Ρ‹ установитС для width/height, Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠ·Π½Π°Ρ‡Π°Ρ‚ΡŒ лишь ΡˆΠΈΡ€ΠΈΠ½Ρƒ/высоту области содСрТимого элСмСнта.

Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, для Ρ‚ΠΎΠ³ΠΎ Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹Ρ‡ΠΈΡΠ»ΠΈΡ‚ΡŒ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Ρ„Π°ΠΊΡ‚ΠΈΡ‡Π΅ΡΠΊΡƒΡŽ ΡˆΠΈΡ€ΠΈΠ½Ρƒ элСмСнта (мСсто, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΎΠ½ Π² Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ Π·Π°ΠΉΠΌΠ΅Ρ‚ Π½Π° экранС), понадобится Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ Π°Ρ€ΠΈΡ„ΠΌΠ΅Ρ‚ΠΈΠΊΠΈ. ЀактичСская ΡˆΠΈΡ€ΠΈΠ½Π° β€” это сумма Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ width, padding, border ΠΈ margin

. Напомним, Ρ‡Ρ‚ΠΎ Ρ€Π°Π½Π΅Π΅ ΠΌΡ‹ рассматривали, ΠΊΠ°ΠΊ выглядит блочная модСль CSS.

Для закрСплСния Π·Π½Π°Π½ΠΈΠΉ ΠΏΠΎΠΊΠ°ΠΆΠ΅ΠΌ ΠΏΡ€ΠΈΠΌΠ΅Ρ€. Допустим, Ρƒ вас Π΅ΡΡ‚ΡŒ элСмСнт с Ρ‚Π°ΠΊΠΈΠΌ стилСм:


width: 200px;
margin-left: 15px;
margin-right: 15px;
padding-left: 10px;
border-left: 3px solid #333;

Для подсчСта фактичСской ΡˆΠΈΡ€ΠΈΠ½Ρ‹ элСмСнта Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΠΌ слоТСниС:

width + margin-left + margin-right + padding-left + border-left = 200px + 15px + 15px + 10px + 3px = 243px (фактичСская ΡˆΠΈΡ€ΠΈΠ½Π°)

Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°Ρ†ΠΈΠΈ ΠΏΠΎ высотС

Бвойство height ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΌ, Ссли Π½Π°Π΄ΠΎ Ρ‚ΠΎΡ‡Π½ΠΎ ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, высоту изобраТСния. Однако, Ссли Π² ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒΡΡ тСкст ΠΈΠ»ΠΈ любой Π΄Ρ€ΡƒΠ³ΠΎΠΉ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚, Ρƒ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°Ρ€ΡŒΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ высота, ΠΊΡ€Π°ΠΉΠ½Π΅ Π½Π΅ рСкомСндуСтся ΡƒΡΡ‚Π°Π½Π°Π²Π»ΠΈΠ²Π°Ρ‚ΡŒ Ρ„ΠΈΠΊΡΠΈΡ€ΠΎΠ²Π°Π½Π½ΡƒΡŽ высоту для ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π°, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ подобная вСрстка ΠΌΠΎΠΆΠ΅Ρ‚ привСсти ΠΊ Π½Π΅ΠΎΠΆΠΈΠ΄Π°Π½Π½ΠΎΠΌΡƒ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Ρƒ β€” ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ ΠΏΠΎΠ²Π΅Ρ€Ρ… Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ содСрТимого.

ВмСсто фиксированной высоты ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ height: auto β€” эта запись ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ высота ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π° Π±ΡƒΠ΄Π΅Ρ‚ Ρ€Π°ΡΡΡ‡ΠΈΡ‚Ρ‹Π²Π°Ρ‚ΡŒΡΡ автоматичСски, Π² зависимости ΠΎΡ‚ содСрТимого, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΎΠ½ содСрТит.

Π”Ρ€ΡƒΠ³ΠΎΠΉ способ ΠΈΠ·Π±Π΅ΠΆΠ°Ρ‚ΡŒ Ρ€Π°Π·Π²Π°Π»Π° вСрстки β€” ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ запись overflow: auto. Π’ Ρ‚Π°ΠΊΠΎΠΌ случаС, Ссли высота содСрТимого Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΡ€Π΅Π²Ρ‹ΡˆΠ°Ρ‚ΡŒ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ height своСго ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π°, Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ ΠΊ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Ρƒ полосу ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ.


Β 

Π’ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΌ ΡƒΡ€ΠΎΠΊΠ΅ Π²Ρ‹ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠ΅Ρ€Π΅ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡ‚ΡŒ ΡˆΠΈΡ€ΠΈΠ½Ρƒ элСмСнта с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ интСрСсного ΠΈ ΠΎΡ‡Π΅Π½ΡŒ ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠ³ΠΎ свойства box-sizing.

width — CSS | MDN

Бвойство CSSΒ width устанавливаСт ΡˆΠΈΡ€ΠΈΠ½Ρƒ элСмСнта. По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ ΠΎΠ½Π° равняСтся ΡˆΠΈΡ€ΠΈΠ½Π΅Β Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½Π΅ΠΉ области, Π½ΠΎ Ссли box-sizing ΠΈΠΌΠ΅Π΅Ρ‚ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅Β border-box, Ρ‚ΠΎ ΠΎΠ½Π° Π±ΡƒΠ΄Π΅Ρ‚ Ρ€Π°Π²Π½ΡΡ‚ΡŒΡΡΒ ΡˆΠΈΡ€ΠΈΠ½Π΅ области Ρ€Π°ΠΌΠΊΠΈ.

Π˜ΡΡ…ΠΎΠ΄Π½Ρ‹ΠΉ ΠΊΠΎΠ΄ этого ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° хранится Π² Ρ€Π΅ΠΏΠΎΠ·ΠΈΡ‚ΠΎΡ€ΠΈΠΈ GitHub. Если Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ внСсти свой Π²ΠΊΠ»Π°Π΄ Π² ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Ρ… ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠ², поТалуйста, ΠΊΠ»ΠΎΠ½ΠΈΡ€ΡƒΠΉΡ‚Π΅ https://github.com/mdn/interactive-examples ΠΈ ΠΎΡ‚ΠΏΡ€Π°Π²ΡŒΡ‚Π΅ Π½Π°ΠΌ пулрСквСст.

Бвойства min-width ΠΈ max-width

Β ΠΏΠ΅Ρ€Π΅ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‚ width.


width: 300px;
width: 25em;


width: 75%;


width: 25em border-box;
width: 75% content-box;
width: max-content;
width: min-content;
width: available;
width: fit-content;
width: auto;


width: inherit;
width: initial;
width: unset;

Бвойство width указываСтся ΠΊΠ°ΠΊ:

ЗначСния

<length>
Π¨ΠΈΡ€ΠΈΠ½Π° — фиксированная Π²Π΅Π»ΠΈΡ‡ΠΈΠ½Π°.
<percentage>
Π¨ΠΈΡ€ΠΈΠ½Π° Π² ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚Π°Ρ… — Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ Π±Π»ΠΎΠΊΠ°.
border-box
Если присутствуСт, Ρ‚ΠΎ ΠΏΡ€Π΅Π΄ΡˆΠ΅ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠ΅ <length> ΠΈΠ»ΠΈ <percentage> ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡŽΡ‚ΡΡ ΠΊ области рамки элСмСнта.
content-box
Если присутствуСт, Ρ‚ΠΎ ΠΏΡ€Π΅Π΄ΡˆΠ΅ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠ΅ <length> ΠΈΠ»ΠΈ <percentage> ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡŽΡ‚ΡΡ ΠΊ Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½Π΅ΠΉ области элСмСнта.
auto
Π‘Ρ€Π°ΡƒΠ·Π΅Ρ€ рассчитаСт ΠΈ Π²Ρ‹Π±Π΅Ρ€Π΅Ρ‚ ΡˆΠΈΡ€ΠΈΠ½Ρƒ для ΡƒΠΊΠ°Π·Π°Π½Π½ΠΎΠ³ΠΎ элСмСнта.
fill
Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Β fill-available Ρ€Π°Π·ΠΌΠ΅Ρ€ строки ΠΈΠ»ΠΈΒ fill-available Ρ€Π°Π·ΠΌΠ΅Ρ€ Π±Π»ΠΎΠΊΠ°, Π² зависимости ΠΎΡ‚ способа Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ.
max-content
ВнутрСнняя максимальная ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡Ρ‚ΠΈΡ‚Π΅Π»ΡŒΠ½Π°Ρ ΡˆΠΈΡ€ΠΈΠ½Π°.
min-content
ВнутрСнняя ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡŒΠ½Π°ΡΒ ΡˆΠΈΡ€ΠΈΠ½Π°.
available
Π¨ΠΈΡ€ΠΈΠ½Π° содСрТащСго Π±Π»ΠΎΠΊΠ° минус Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹Π΅Β margin, borderΒ ΠΈ padding.
fit-content
НаибольшСС из:
  • внутрСнняя минимальная ΡˆΠΈΡ€ΠΈΠ½Π°
  • мСньшая ΠΈΠ· Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½Π΅ΠΉ ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡Ρ‚ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ ΠΈ доступной ΡˆΠΈΡ€ΠΈΠ½Ρ‹

Π€ΠΎΡ€ΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ синтаксис

Π¨ΠΈΡ€ΠΈΠ½Π° ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ

p.goldie {
  background: gold;
}
<p>БообщСство Mozilla ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚ мноТСство ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎΠ³ΠΎ ПО.</p>

ПиксСли и em

.px_length {
  width: 200px;
  background-color: red;
  color: white;
  border: 1px solid black;
}

.em_length {
  width: 20em;
  background-color: white;
  color: red;
  border: 1px solid black;
}
<div>Π¨ΠΈΡ€ΠΈΠ½Π° Π² пиксСлях</div>
<div>Π¨ΠΈΡ€ΠΈΠ½Π° Π² em</div>

ΠŸΡ€ΠΎΡ†Π΅Π½Ρ‚Ρ‹

.percent {
  width: 20%;
  background-color: silver;
  border: 1px solid red;
}
<div>Π¨ΠΈΡ€ΠΈΠ½Π° Π² ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚Π°Ρ…</div>

max-content

p.maxgreen {
  background: lightgreen;
  width: intrinsic;           
  width: -moz-max-content;    
  width: -webkit-max-content; 
}
<p>БообщСство Mozilla ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚ мноТСство ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎΠ³ΠΎ ПО.</p>

min-content

p.minblue {
  background: lightblue;
  width: -moz-min-content;    
  width: -webkit-min-content; 
}
<p>БообщСство Mozilla ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚ мноТСство ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎΠ³ΠΎ ПО.</p>

Π£Π±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ элСмСнты с widthΒ Π½Π΅ ΠΎΠ±Ρ€Π΅Π·Π°ΡŽΡ‚ΡΡ ΠΈ / ΠΈΠ»ΠΈ Π½Π΅ Π·Π°Ρ‚Π΅Π½ΡΡŽΡ‚ Π΄Ρ€ΡƒΠ³ΠΎΠ΅ содСрТимоС, ΠΊΠΎΠ³Π΄Π° страница ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΠ΅Ρ‚ΡΡ для увСличСния Ρ€Π°Π·ΠΌΠ΅Ρ€Π° тСкста.

BCD tables only load in the browser

Бвойства CSS width ΠΈ height.

Бвойства css width ΠΎΡ‚Π²Π΅Ρ‡Π°Π΅Ρ‚ Π·Π° Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ области с содСрТимым элСмСнта.

width: Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ | ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚Ρ‹ | auto | inherit

Бвойства css height ΠΎΡ‚Π²Π΅Ρ‡Π°Π΅Ρ‚ Π·Π° Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ высоты области с содСрТимым  элСмСнта.

height : Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ | ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚Ρ‹ | auto | inherit

Как ΡˆΠΈΡ€ΠΈΠ½Π°, Ρ‚Π°ΠΊ ΠΈ высота элСмСнтов ΠΌΠΎΠΆΠ΅Ρ‚ Π·Π°Π΄Π°Π²Π°Ρ‚ΡŒΡΡ всСми доступными способами, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ описаны здСсь, Π»ΠΈΠ±ΠΎ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ΠΌ auto, Π»ΠΈΠ±ΠΎ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ inherit.

Π‘ΠΎΠ»ΡŒΡˆΠ΅ ΠΌΠΎΠΈΡ… ΡƒΡ€ΠΎΠΊΠΎΠ² ΠΏΠΎ HTML, CSS ΠΈ вСрсткС сайтов здСсь.

ΠžΡ‚Ρ€ΠΈΡ†Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ значСния высоты ΠΈ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ Π½Π΅ допускаСтся.

Казалось Π±Ρ‹, Ρ‡Ρ‚ΠΎ с этими свойствами CSS всС просто ΠΈ понятно, Π½ΠΎ, Π½Π° самом Π΄Π΅Π»Π΅, всС оказываСтся Π½Π΅ совсСм Ρ‚Π°ΠΊ просто.

Π—Π°Π΄Π°Π² ΠΊΠ°ΠΊΠΎΠΌΡƒ-Π½ΠΈΠ±ΡƒΠ΄ΡŒ элСмСнту Π½Π° Π²Π΅Π±-страницС ΡˆΠΈΡ€ΠΈΠ½Ρƒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ свойства width 500px это Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠ·Π½Π°Ρ‡Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ общая ΡˆΠΈΡ€ΠΈΠ½Π° этого элСмСнта Π±ΡƒΠ΄Π΅Ρ‚ 500 пиксСлСй ΠΈ Π½Π΅ Π±ΠΎΠ»Π΅Π΅.

Π‘Π°ΠΌΠΎΠ΅ Π³Π»Π°Π²Π½ΠΎΠ΅, Ρ‡Ρ‚ΠΎ Π½ΡƒΠΆΠ½ΠΎ ΠΏΠΎΠ½ΠΈΠΌΠ°Ρ‚ΡŒ, свойства width ΠΈ height Π·Π°Π΄Π°ΡŽΡ‚ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ ΠΈ высоты для области с содСрТимым.

Бвойства width ΠΈ height — это всСго-лишь ΠΎΠ΄Π½ΠΈ ΠΈΠ· ΡΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‰ΠΈΡ… ΠΈΠ· ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Ρ‡ΠΈΡΠ»ΡΡ‚ΡŒΡΡ общая ΡˆΠΈΡ€ΠΈΠ½Π° ΠΈ высота элСмСнта. Они ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ ΡˆΠΈΡ€ΠΈΠ½Ρƒ ΠΈ высоту области Content, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ ΠΌΠΎΠΆΠ½ΠΎ Π²ΠΈΠ΄Π΅Ρ‚ΡŒ Π½Π° ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ. Π’Π°ΠΊΠΆΠ΅ Π² Ρ„ΠΎΡ€ΠΌΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠΈ ΠΎΠ±Ρ‰Π΅ΠΉ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ ΠΈ высоты ΡƒΡ‡Π°ΡΡ‚Π²ΡƒΡŽΡ‚ Ρ‚Π°ΠΊΠΈΠ΅ свойства ΠΊΠ°ΠΊ padding, margin ΠΈ border.

Π’ этом ΠΌΠΎΠΆΠ½ΠΎ Π»Π΅Π³ΠΊΠΎ сСйчас ΡƒΠ±Π΅Π΄ΠΈΡ‚ΡŒΡΡ.

Π”Π°Π²Π°ΠΉΡ‚Π΅, для ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°, возьмСм Π΄Π²Π° Π±Π»ΠΎΠΊΠ° с ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎΠΉ ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉ width, Π½ΠΎ ΠΎΠ΄Π½ΠΎΠΌΡƒ ΠΈΠ· Π½ΠΈΡ… Π·Π°Π΄Π°Π΄ΠΈΠΌ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ свойство padding.

<div>
<div> width:100px </div>
<div> width:100px + padding</div>
</div>

По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ, Π²Π΅Π±-страницы ΠΈΠΌΠ΅ΡŽΡ‚ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ ΠΊ Π·Π½Π°Ρ‡Π΅Π½ΠΈΡŽ высоты ΠΈ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ добавляСтся Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ padding для ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰Π΅ΠΉ стороны.

Π’.Π΅. общая ΡˆΠΈΡ€ΠΈΠ½Π° элСмСнта Π±ΡƒΠ΄Π΅Ρ‚ ΡΠΎΡΡ‚ΠΎΡΡ‚ΡŒ ΠΈΠ· значСния свойства width элСмСнта ΠΈ ΠΊ нСю Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠ»ΡŽΡΠΎΠ²Π°Ρ‚ΡŒΡΡ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ padding-left ΠΈ padding-right.

Для Ρ€Π°Π·Π½Ρ‹Ρ… Ρ‚ΠΈΠΏΠΎΠ² элСмСнтов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠΆΠ½ΠΎ Π²ΡΡ‚Ρ€Π΅Ρ‚ΠΈΡ‚ΡŒ Π½Π° страницС общая ΡˆΠΈΡ€ΠΈΠ½Π° ΠΈ высота элСмСнтов считаСтся ΠΏΠΎ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΌ Ρ„ΠΎΡ€ΠΌΡƒΠ»Π°ΠΌ.

Для Ρ€Π°Π·Π½Ρ‹Ρ… Ρ‚ΠΈΠΏΠΎΠ² элСмСнтов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ Π²ΡΡ‚Ρ€Π΅Ρ‚ΠΈΡ‚ΡŒ Π½Π° Π²Π΅Π±-страницах значСния width ΠΈ height ΠΌΠΎΠ³ΡƒΡ‚ ΠΈΠΌΠ΅Ρ‚ΡŒ Ρ€Π°Π·Π½ΠΎΠ΅ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ ΠΈ значСния.

Аналогичная ситуация Π±ΡƒΠ΄Π΅Ρ‚ со свойством height.

<div>
<div> height:100px </div>
</div>
<div>
<div> height:100px + padding </div>
</div>

Π’ CSS Π΅ΡΡ‚ΡŒ особый Π°Π»Π³ΠΎΡ€ΠΈΡ‚ΠΌ ΠΏΠΎ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌΡƒ вычисляСтся значСния width ΠΈ height для Ρ€Π°Π·Π½Ρ‹Ρ… элСмСнтов Π½Π° Π²Π΅Π±-страницС. Π― Π½Π΅ Π±ΡƒΠ΄Ρƒ сСйчас ΠΎΡΡ‚Π°Π½Π°Π²Π»ΠΈΠ²Π°Ρ‚ΡŒΡΡ Π½Π° этом Π°Π»Π³ΠΎΡ€ΠΈΡ‚ΠΌΠ΅, Ρ‚.ΠΊ. ΠΎΠ½ нСсколько слоТСн.

БСйчас для нас Π³Π»Π°Π²Π½ΠΎΠ΅ ΠΏΠΎΠ½ΡΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ свойства width ΠΈ height ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉ ΠΈ высотой ΠΈΠΌΠ΅Π½Π½ΠΎ области с содСрТимым элСмСнта, Π° Π½Π΅ ΠΎΠ±Ρ‰Π΅ΠΉ ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉ ΠΈ высотой элСмСнта.

Π‘ΠΎΠ»ΡŒΡˆΠ΅ ΠΌΠΎΠΈΡ… ΡƒΡ€ΠΎΠΊΠΎΠ² ΠΏΠΎ HTML, CSS ΠΈ вСрсткС сайтов здСсь.

Π¨ΠΈΡ€ΠΈΠ½Π° (width) ΠΈ высота (height) Π² HTML

Π’ этой ΡΡ‚Π°Ρ‚ΡŒΠ΅ рассмотрим, ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Π΄Π°Π²Π°Ρ‚ΡŒ ΡˆΠΈΡ€ΠΈΠ½Ρƒ ΠΈ ΠΊΠ°ΠΊΠΈΠΌΠΈ свойствами стоит Π΄Π΅Π»Π°Ρ‚ΡŒ это. Для ΠΏΠ΅Ρ€Π²ΠΎΠ³ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° Π²ΠΎΠ·ΡŒΠΌΡ‘ΠΌ Π±Π»ΠΎΡ‡Π½Ρ‹ΠΉ элСмСнт div. По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ ΠΎΠ½ ΠΈΠΌΠ΅Π΅Ρ‚ высоту Ρ€Π°Π²Π½ΡƒΡŽ Π½ΡƒΠ»ΡŽ (Ссли Π½ΠΈΡ‡Π΅Π³ΠΎ Π½Π΅ содСрТит) ΠΈ Π·Π°Π½ΠΈΠΌΠ°Π΅Ρ‚ 100% ΡˆΠΈΡ€ΠΈΠ½Ρ‹ Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ элСмСнта. ΠŸΠΎΠΏΡ€ΠΎΠ±ΡƒΠ΅ΠΌ Π·Π°Π΄Π°Ρ‚ΡŒ Π΅ΠΌΡƒ ΡˆΠΈΡ€ΠΈΠ½Ρƒ Π² 200 пиксСлСй ΠΈ высоту Π² 150. Для этого ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌ CSS свойства width (ΡˆΠΈΡ€ΠΈΠ½Π°) ΠΈ height (высота):
<div></div>
ΠŸΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡΡ Ρ‚Π°ΠΊΠΎΠΉ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚:
МоТно Π·Π°Π΄Π°Π²Π°Ρ‚ΡŒ ΡˆΠΈΡ€ΠΈΠ½Ρƒ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² пиксСлях, Π½ΠΎ ΠΈ Π² ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚Π°Ρ… ΠΎΡ‚ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ элСмСнта. ΠŸΠΎΠΏΡ€ΠΎΠ±ΡƒΠ΅ΠΌ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ это: 
<div></div>
ΠŸΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡΡ Ρ‚Π°ΠΊΠΎΠΉ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚:
К соТалСнию, Π·Π°Π΄Π°Ρ‚ΡŒ высоту для Π±Π»ΠΎΡ‡Π½ΠΎΠ³ΠΎ элСмСнта Π² ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚Π°Ρ… Π½Π΅ получится. Если Π½Π°ΠΏΠΈΡΠ°Ρ‚ΡŒ «height:50%;», Ρ‚ΠΎ Π² Ρ€Π°Π·Π½Ρ‹Ρ… Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Ρ… Π±ΡƒΠ΄Π΅Ρ‚ Π΄ΠΈΠ°ΠΌΠ΅Ρ‚Ρ€Π°Π»ΡŒΠ½ΠΎ ΠΏΡ€ΠΎΡ‚ΠΈΠ²ΠΎΠΏΠΎΠ»ΠΎΠΆΠ½Ρ‹ΠΉ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚, поэтому Π»ΡƒΡ‡ΡˆΠ΅ ΡΡ‡ΠΈΡ‚Π°Ρ‚ΡŒ Ρ‚Π°ΠΊΡƒΡŽ запись ошибкой.
Волько Ρƒ ΠΎΠ΄Π½ΠΎΠ³ΠΎ элСмСнта ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Π΄Π°Ρ‚ΡŒ свойство height Π² ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚Π°Ρ…, Π° Ρ‚ΠΎΡ‡Π½Π΅Π΅ Ρƒ псСвдоэлСмСнтов :before ΠΈ ::after. Π§ΠΈΡ‚Π°ΠΉΡ‚Π΅ ΠΎ Π½ΠΈΡ… Π² ΡΡ‚Π°Ρ‚ΡŒΠ΅ ΠŸΡΠ΅Π²Π΄ΠΎΡΠ»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹ (:before, ::after) 

Максимальная ΠΈ минимальная ΡˆΠΈΡ€ΠΈΠ½Π° (max-width ΠΈ min-width)

ЖёсткоС ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½ΠΈΠ΅ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ — это Π½Π΅ Π»ΡƒΡ‡ΡˆΠΈΠΉ способ ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ сайт. ΠŸΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ Π² Ρ‚Π°ΠΊΠΎΠΌ случаС появятся ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ с Π°Π΄Π°ΠΏΡ‚Π°Ρ†ΠΈΠ΅ΠΉ ΠΏΠΎΠ΄ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅ ΠΈ ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚Ρ‹: ΡˆΠΈΡ€ΠΈΠ½Π° экрана ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ мСньшС ΡˆΠΈΡ€ΠΈΠ½Ρ‹ Π±Π»ΠΎΠΊΠ°. Π’ΠΎΠ³Π΄Π° Ρ‡Π°ΡΡ‚ΡŒ сайта Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒ ΠΏΡ€Π΅Π΄Π΅Π»Ρ‹ вёрстки сайта ΠΈ появится Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Π°Ρ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ°, Ρ‡Π΅Π³ΠΎ Ρƒ вСрсии сайта Π½Π° мобильном Π±Ρ‹Ρ‚ΡŒ Π½Π΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ вмСсто Тёсткого задания ΡˆΠΈΡ€ΠΈΠ½Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½ΠΈΠ΅ свСрху Ρ‡Π΅Ρ€Π΅Π· CSS свойство max-width. ΠœΡ‹ Π·Π½Π°Π΅ΠΌ, Ρ‡Ρ‚ΠΎ Π±Π»ΠΎΡ‡Π½Ρ‹ΠΉ элСмСнт div пытаСтся Π·Π°Π½ΡΡ‚ΡŒ всю ΡˆΠΈΡ€ΠΈΠ½Ρƒ Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ элСмСнта, ΠΊΠ°ΠΊ Π±ΡƒΠ΄Ρ‚ΠΎ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ Ρƒ Π½Π΅Π³ΠΎ Π΅ΡΡ‚ΡŒ свойство width ΠΈ ΠΎΠ½ΠΎ ΠΈΠΌΠ΅Π΅Ρ‚ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ 100%.
<div></div>
Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ Π±ΡƒΠ΄Π΅Ρ‚ Π°Π½Π°Π»ΠΎΠ³ΠΈΡ‡Π΅Π½ ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰Π΅ΠΌΡƒ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρƒ:
Но Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ, Ссли Π²Ρ‹ Π²ΠΎΠ·ΡŒΠΌΡ‘Ρ‚Π΅ ΠΎΠΊΠ½ΠΎ своСго Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° ΠΈ сузитС Π΄ΠΎ 400 пиксСлСй ΠΈ мСньшС, Ρ‚ΠΎ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅ ΠΊΠ°ΠΊ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€ div ΡƒΠΌΠ΅Π½ΡŒΡˆΠ°Π΅Ρ‚ свои Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π΅ Π²Ρ‹ΠΏΡ€Ρ‹Π³ΠΈΠ²Π°Ρ‚ΡŒ Π·Π° ΠΏΡ€Π΅Π΄Π΅Π»Ρ‹ вёрстки. Если ΠΆΠ΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ «max-width:400px;» Π½Π° «width:400px», Ρ‚ΠΎ Π±Π»ΠΎΠΊ Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒ Π·Π° ΠΏΡ€Π΅Π΄Π΅Π»Ρ‹ Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ элСмСнта:
По смыслу свойство min-width являСтся Π΄ΠΈΠ°ΠΌΠ΅Ρ‚Ρ€Π°Π»ΡŒΠ½ΠΎ ΠΏΡ€ΠΎΡ‚ΠΈΠ²ΠΎΠΏΠΎΠ»ΠΎΠΆΠ½Ρ‹ΠΌ ΠΊ max-width. Оно ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡ΠΈΠ²Π°Π΅Ρ‚ ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡŒΠ½ΡƒΡŽ ΡˆΠΈΡ€ΠΈΠ½Ρƒ элСмСнта, Π½ΠΎ Π½Π΅ ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡ΠΈΠ²Π°Π΅Ρ‚ ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡŒΠ½ΡƒΡŽ.

Максимальная ΠΈ минимальная высота (max-height ΠΈ min-height)

Для Π±Π»ΠΎΠΊΠ° div ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Π΄Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡŒΠ½ΡƒΡŽ высоту. Π­Ρ‚ΠΎ дСлаСтся Π² Ρ‚ΠΎΠΌ случаС, Ссли ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° Π² Π±Π»ΠΎΠΊΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ слишком ΠΌΠ½ΠΎΠ³ΠΎ ΠΈ Π΅ΡΡ‚ΡŒ Π²Π΅Ρ€ΠΎΡΡ‚Π½ΠΎΡΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ ΠΎΠ½ испортит вёрстку сайта. Π’Π΅Π΄ΡŒ Ρƒ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π° div высота измСняСтся автоматичСски Π² зависимости ΠΎΡ‚ Ρ‚ΠΎΠ³ΠΎ, сколько Π·Π°Π½ΠΈΠΌΠ°Π΅Ρ‚ мСста Π΅Π³ΠΎ Π΄ΠΎΡ‡Π΅Ρ€Π½ΠΈΠ΅ элСмСнты.

Рассмотрим наглядный ΠΏΡ€ΠΈΠΌΠ΅Ρ€ нСобходимости использования max-height. Допустим, Ρ‡Ρ‚ΠΎ Π½Π°ΠΌ Π½Π°Π΄ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ‡Π°Ρ‚, Π³Π΄Π΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ сайта смогут ΠΎΠ±ΠΌΠ΅Π½ΠΈΠ²Π°Ρ‚ΡŒΡΡ тСкстовыми сообщСниями. Для этого Π½ΡƒΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π±ΡƒΠ΄Π΅Ρ‚ расти ΠΏΠΎ ΠΌΠ΅Ρ€Π΅ появлСния Π² Π½Ρ‘ΠΌ Π½ΠΎΠ²Ρ‹Ρ… сообщСний. Но ΠΊΠ°ΠΊ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ div достигаСт ΠΎΠΏΡ€Π΅Π΄Π΅Π»Ρ‘Π½Π½ΠΎΠΉ высоты, Ρ‚ΠΎ пСрСстаёт расти ΠΈ появится полоса ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ CSS ΠΊΠΎΠ΄:

<div  contenteditable="true">
   ВишС, ΠΌΡ‹ΡˆΠΈ, ΠΊΠΎΡ‚ Π½Π° ΠΊΡ€Ρ‹ΡˆΠ΅,
   Π° котята Π΅Ρ‰Ρ‘ Π²Ρ‹ΡˆΠ΅.
   ΠšΠΎΡ‚ ΠΏΠΎΡˆΡ‘Π» Π·Π° ΠΌΠΎΠ»ΠΎΠΊΠΎΠΌ,
   Π° котята ΠΊΡƒΠ²Ρ‹Ρ€ΠΊΠΎΠΌ.
   ΠšΠΎΡ‚ ΠΏΡ€ΠΈΡˆΡ‘Π» Π±Π΅Π· ΠΌΠΎΠ»ΠΎΠΊΠ°,
   Π° котята Ρ…Π°-Ρ…Π°-Ρ…Π°. 
</div>
Π’Π΅ΡΡŒ тСкст Π½Π΅ вмСстится Π² div. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ ΠΈΠ·-Π·Π° свойства «overflow-y: scroll;» появится полоса ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ:

ВишС, ΠΌΡ‹ΡˆΠΈ, ΠΊΠΎΡ‚ Π½Π° ΠΊΡ€Ρ‹ΡˆΠ΅, Π° котята Π΅Ρ‰Ρ‘ Π²Ρ‹ΡˆΠ΅. ΠšΠΎΡ‚ ΠΏΠΎΡˆΡ‘Π» Π·Π° ΠΌΠΎΠ»ΠΎΠΊΠΎΠΌ, Π° котята ΠΊΡƒΠ²Ρ‹Ρ€ΠΊΠΎΠΌ. ΠšΠΎΡ‚ ΠΏΡ€ΠΈΡˆΡ‘Π» Π±Π΅Π· ΠΌΠΎΠ»ΠΎΠΊΠ°, Π° котята Ρ…Π°-Ρ…Π°-Ρ…Π°.

Благодаря Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρƒ contenteditable=»true» Ρƒ Ρ‚Π΅Π³Π° div Π² ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅, Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ тСкст Π²Π½ΡƒΡ‚Ρ€ΠΈ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π°. ΠŸΠΎΠΏΡ€ΠΎΠ±ΡƒΠΉΡ‚Π΅ ΡƒΠ΄Π°Π»ΠΈΡ‚ΡŒ ΠΈ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ нСсколько строк. Π Π°Π·ΠΌΠ΅Ρ€ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π° Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠΎΠ΄ΡΡ‚Ρ€Π°ΠΈΠ²Π°Ρ‚ΡŒΡΡ ΠΏΠΎΠ΄ количСства тСкста Π² Π½Ρ‘ΠΌ Π΄ΠΎ Ρ‚Π΅Ρ… ΠΏΠΎΡ€, ΠΏΠΎΠΊΠ° Π½Π΅ станСт Π±Ρ‹Ρ‚ΡŒ Ρ€Π°Π²Π΅Π½ 100px. Π—Π°Ρ‚Π΅ΠΌ появится полоса ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ.

По смыслу свойство min-height являСтся Π΄ΠΈΠ°ΠΌΠ΅Ρ‚Ρ€Π°Π»ΡŒΠ½ΠΎ ΠΏΡ€ΠΎΡ‚ΠΈΠ²ΠΎΠΏΠΎΠ»ΠΎΠΆΠ½Ρ‹ΠΌ ΠΊ max-height. Оно ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡ΠΈΠ²Π°Π΅Ρ‚ ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡŒΠ½ΡƒΡŽ высоту элСмСнта, Π½ΠΎ Π½Π΅ ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡ΠΈΠ²Π°Π΅Ρ‚ ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡŒΠ½ΡƒΡŽ.

CSS3 | Π Π°Π·ΠΌΠ΅Ρ€Ρ‹ элСмСнтов. Box-sizing

Π Π°Π·ΠΌΠ΅Ρ€Ρ‹ элСмСнтов

ПослСднСС обновлСниС: 21.04.2016

Π Π°Π·ΠΌΠ΅Ρ€Ρ‹ элСмСнтов Π·Π°Π΄Π°ΡŽΡ‚ΡΡ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ свойств width (ΡˆΠΈΡ€ΠΈΠ½Π°) ΠΈ height (высота).

Π—Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ для этих свойств — auto, Ρ‚ΠΎ Π΅ΡΡ‚ΡŒ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ сам опрСдСляСт ΡˆΠΈΡ€ΠΈΠ½Ρƒ ΠΈ высоту элСмСнта. МоТно Ρ‚Π°ΠΊΠΆΠ΅ явно Π·Π°Π΄Π°Ρ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π΅Π΄ΠΈΠ½ΠΈΡ† измСрСния (пиксСлСй, em) ΠΈΠ»ΠΈ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚ΠΎΠ²:


width: 150px;
width: 75%;
height: 15em;

ПиксСли ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡŽΡ‚ Ρ‚ΠΎΡ‡Π½Ρ‹Π΅ ΡˆΠΈΡ€ΠΈΠ½Ρƒ ΠΈ высоту. Π•Π΄ΠΈΠ½ΠΈΡ†Π° измСрСния em зависит ΠΎΡ‚ высоты ΡˆΡ€ΠΈΡ„Ρ‚Π° Π² элСмСнтС. Если Ρ€Π°Π·ΠΌΠ΅Ρ€ ΡˆΡ€ΠΈΡ„Ρ‚Π° элСмСнта, ΠΊ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρƒ, Ρ€Π°Π²Π΅Π½ 16 пиксСлСй, Ρ‚ΠΎ 1 em для этого элСмСнта Π±ΡƒΠ΄Π΅Ρ‚ Ρ€Π°Π²Π΅Π½ 16 пиксСлям. Π’ΠΎ Π΅ΡΡ‚ΡŒ Ссли Ρƒ элСмСнта ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΡˆΠΈΡ€ΠΈΠ½Ρƒ Π² 15em, Ρ‚ΠΎ фактичСски ΠΎΠ½Π° составит 15 * 16 = 230 пиксСлСй. Если ΠΆΠ΅ Ρƒ элСмСнта Π½Π΅ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΡˆΡ€ΠΈΡ„Ρ‚Π°, Ρ‚ΠΎ ΠΎΠ½ Π±ΡƒΠ΄Π΅Ρ‚ взят ΠΈΠ· унаслСдованных ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠ² ΠΈΠ»ΠΈ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ.

ΠŸΡ€ΠΎΡ†Π΅Π½Ρ‚Π½Ρ‹Π΅ значСния для свойства width Π²Ρ‹Ρ‡ΠΈΡΠ»ΡΡŽΡ‚ΡΡ Π½Π° основании ΡˆΠΈΡ€ΠΈΠ½Ρ‹ элСмСнта-ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π°. Если, ΠΊ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρƒ, ΡˆΠΈΡ€ΠΈΠ½Π° элСмСнта body Π½Π° Π²Π΅Π±-страницС составляСт 1000 пиксСлСй, Π° Π²Π»ΠΎΠΆΠ΅Π½Π½Ρ‹ΠΉ Π² Π½Π΅Π³ΠΎ элСмСнт <div> ΠΈΠΌΠ΅Π΅Ρ‚ ΡˆΠΈΡ€ΠΈΠ½Ρƒ 75%, Ρ‚ΠΎ фактичСская ΡˆΠΈΡ€ΠΈΠ½Π° этого Π±Π»ΠΎΠΊΠ° <div> составляСт 1000 * 0.75 = 750 пиксСлСй. Если ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΎΠΊΠ½Π° Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°, Ρ‚ΠΎ ΡˆΠΈΡ€ΠΈΠ½Π° элСмСнта body ΠΈ соотвСтствСнно ΡˆΠΈΡ€ΠΈΠ½Π° Π²Π»ΠΎΠΆΠ΅Π½Π½ΠΎΠ³ΠΎ Π² Π½Π΅Π³ΠΎ Π±Π»ΠΎΠΊΠ° div Ρ‚ΠΎΠΆΠ΅ измСнится.

ΠŸΡ€ΠΎΡ†Π΅Π½Ρ‚Π½Ρ‹Π΅ значСния для свойства height Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ Π°Π½Π°Π»ΠΎΠ³ΠΈΡ‡Π½ΠΎ свойству width, Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ высота вычисляСтся ΠΏΠΎ высотС элСмСнта-ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π°.

НапримСр:


<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Π Π°Π·ΠΌΠ΅Ρ€Ρ‹ Π² CSS3</title>
        <style>
		div.outer{
			width: 75%;
			height: 200px;
			margin: 10px;
			border: 1px solid #ccc;
			background-color: #eee;
		}
		div.inner{
		
			width: 80%;
			height: 80%;
			margin: auto;
			border: 1px solid red;
			background-color: blue;
		}
        </style>
    </head>
    <body>
		<div>
			<div></div>
		</div>
	</body>
</html>

Π’ Ρ‚ΠΎ ΠΆΠ΅ врСмя фактичСскиС Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ элСмСнта ΠΌΠΎΠ³ΡƒΡ‚ Π² ΠΈΡ‚ΠΎΠ³Π΅ ΠΎΡ‚Π»ΠΈΡ‡Π°Ρ‚ΡŒΡΡ ΠΎΡ‚ Ρ‚Π΅Ρ…, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ установлСны Π² свойствах width ΠΈ height. НапримСр:


<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Π Π°Π·ΠΌΠ΅Ρ€Ρ‹ Π² CSS3</title>
        <style>
		div.outer{
			width: 200px;
			height: 100px;
			margin: 10px;
			padding: 10px;
			border: 5px solid #ccc;
			background-color: #eee;
		}
        </style>
    </head>
    <body>
		<div>
			ΠžΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ фактичСского Ρ€Π°Π·ΠΌΠ΅Ρ€Π° Π² CSS 3
		</div>
	</body>
</html>

Как Π²ΠΈΠ΄Π½ΠΎ Π½Π° ΡΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚Π΅, Π² Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ свойства width — 200px — опрСдСляСт Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΡˆΠΈΡ€ΠΈΠ½Ρƒ Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½Π΅Π³ΠΎ содСрТимого элСмСнта, Π° ΠΏΠΎΠ΄ Π±Π»ΠΎΠΊ самого элСмСнта Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π΄Π΅Π»ΡΡ‚ΡŒΡΡ пространство, ΡˆΠΈΡ€ΠΈΠ½Π° ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ Ρ€Π°Π²Π½Π° ΡˆΠΈΡ€ΠΈΠ½Π΅ Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½Π΅Π³ΠΎ содСрТимого (свойство width) + Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠ΅ отступы (свойство padding) + ΡˆΠΈΡ€ΠΈΠ½Π° Π³Ρ€Π°Π½ΠΈΡ†Ρ‹ (свойство border-width) + внСшниС отступы (свойство margin). Π’ΠΎ Π΅ΡΡ‚ΡŒ элСмСнт Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΠΌΠ΅Ρ‚ΡŒ ΡˆΠΈΡ€ΠΈΠ½Ρƒ Π² 230 пиксСлСй, Π° ΡˆΠΈΡ€ΠΈΠ½Π° Π±Π»ΠΎΠΊΠ° элСмСнта с ΡƒΡ‡Π΅Ρ‚ΠΎΠΌ Π²Π½Π΅ΡˆΠ½ΠΈΡ… отступов составит 250 пиксСлСй.

ΠŸΠΎΠ΄ΠΎΠ±Π½Ρ‹Π΅ расчСты слСдуСт ΡƒΡ‡ΠΈΡ‚Ρ‹Π²Π°Ρ‚ΡŒ ΠΏΡ€ΠΈ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² элСмСнтов.

Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ Π½Π°Π±ΠΎΡ€Π° свойств ΠΌΠΎΠΆΠ½ΠΎ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹Π΅ ΠΈ ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹:

  • min-width: минимальная ΡˆΠΈΡ€ΠΈΠ½Π°

  • max-width: максимальная ΡˆΠΈΡ€ΠΈΠ½Π°

  • min-height: минимальная высота

  • max-height: максимальная высота


min-width: 200px;
width:50%;
max-width: 300px;

Π’ Π΄Π°Π½Π½ΠΎΠΌ случаС ΡˆΠΈΡ€ΠΈΠ½Π° элСмСнта Ρ€Π°Π²Π½Π° 50% ΡˆΠΈΡ€ΠΈΠ½Ρ‹ элСмСнта-ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π°, ΠΎΠ΄Π½Π°ΠΊΠΎ ΠΏΡ€ΠΈ этом Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ мСньшС 200 пиксСлСй ΠΈ большС 300 пиксСлСй.

ΠŸΠ΅Ρ€Π΅ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ Π±Π»ΠΎΠΊΠ°

Бвойство box-sizing позволяСт ΠΏΠ΅Ρ€Π΅ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ установлСнныС Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ элСмСнтов. Оно ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Ρ‚ΡŒ ΠΎΠ΄Π½ΠΎ ΠΈΠ· ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ… Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ:

  • content-box: Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ свойства ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ, ΠΏΡ€ΠΈ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ для опрСдСлСния Ρ€Π΅Π°Π»ΡŒΠ½Ρ‹Ρ… ΡˆΠΈΡ€ΠΈΠ½Ρ‹ ΠΈ высоты элСмСнтов добавляСт ΠΊ значСниям свойств width ΠΈ height ΡˆΠΈΡ€ΠΈΠ½Ρƒ Π³Ρ€Π°Π½ΠΈΡ†Ρ‹ ΠΈ Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠ΅ отступы

  • padding-box: ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Π²Π΅Π±-Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ, Ρ‡Ρ‚ΠΎ ΡˆΠΈΡ€ΠΈΠ½Π° ΠΈ высота элСмСнта Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π²ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠ΅ отступы ΠΊΠ°ΠΊ Ρ‡Π°ΡΡ‚ΡŒ своСго значСния. НапримСр, ΠΏΡƒΡΡ‚ΡŒ Ρƒ нас Π΅ΡΡ‚ΡŒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ ΡΡ‚ΠΈΠ»ΡŒ:

    
    width: 200px;
    height: 100px;
    margin: 10px;
    padding: 10px;
    border: 5px solid #ccc;
    background-color: #eee;
    box-sizing: padding-box;
    

    Π—Π΄Π΅ΡΡŒ Ρ€Π΅Π°Π»ΡŒΠ½Π°Ρ ΡˆΠΈΡ€ΠΈΠ½Π° Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½Π΅Π³ΠΎ содСрТимого Π±Π»ΠΎΠΊΠ° Π±ΡƒΠ΄Π΅Ρ‚ Ρ€Π°Π²Π½Π° 200px (width) — 10px (padding-left) — 10px (padding-right) = 180px.

    Π‘Ρ‚ΠΎΠΈΡ‚ ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ соврСмСнных Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ² Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ Π΄Π°Π½Π½ΠΎΠ΅ свойство.

  • border-box: ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Π²Π΅Π±-Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ, Ρ‡Ρ‚ΠΎ ΡˆΠΈΡ€ΠΈΠ½Π° ΠΈ высота элСмСнта Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π²ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠ΅ отступы ΠΈ Π³Ρ€Π°Π½ΠΈΡ†Ρ‹ ΠΊΠ°ΠΊ Ρ‡Π°ΡΡ‚ΡŒ своСго значСния. НапримСр, ΠΏΡƒΡΡ‚ΡŒ Ρƒ нас Π΅ΡΡ‚ΡŒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ ΡΡ‚ΠΈΠ»ΡŒ:

    
    width: 200px;
    height: 100px;
    margin: 10px;
    padding: 10px;
    border: 5px solid #ccc;
    background-color: #eee;
    box-sizing: border-box;
    

    Π—Π΄Π΅ΡΡŒ Ρ€Π΅Π°Π»ΡŒΠ½Π°Ρ ΡˆΠΈΡ€ΠΈΠ½Π° Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½Π΅Π³ΠΎ содСрТимого Π±Π»ΠΎΠΊΠ° Π±ΡƒΠ΄Π΅Ρ‚ Ρ€Π°Π²Π½Π° 200px (width) — 10px (padding-left) — 10px (padding-right) — 5px (border-left-width) — 5px (border-right-width) = 170px.

НапримСр, ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΠΌ Π΄Π²Π° Π±Π»ΠΎΠΊΠ°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΎΡ‚Π»ΠΈΡ‡Π°ΡŽΡ‚ΡΡ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ΠΌ свойства box-sizing:


<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Π Π°Π·ΠΌΠ΅Ρ€Ρ‹ Π² CSS3</title>
        <style>
		div{
			width: 200px;
            height: 100px;
            margin: 10px;
            padding: 10px;
            border: 5px solid #ccc;
            background-color: #eee;
		}
        div.outer1{
			box-sizing: content-box;
        }
		div.outer2{
			box-sizing: border-box;
        }
        </style>
    </head>
    <body>
        <div>
            ΠžΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ фактичСского Ρ€Π°Π·ΠΌΠ΅Ρ€Π° Π² CSS 3
        </div>
		<div>
            ΠžΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ фактичСского Ρ€Π°Π·ΠΌΠ΅Ρ€Π° Π² CSS 3
        </div>
    </body>
</html>

Π’ ΠΏΠ΅Ρ€Π²ΠΎΠΌ случаС ΠΏΡ€ΠΈ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² Π±Π»ΠΎΠΊΠ° ΠΊ свойствам width ΠΈ height Π±ΡƒΠ΄ΡƒΡ‚ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒΡΡ Ρ‚ΠΎΠ»Ρ‰ΠΈΠ½Π° Π³Ρ€Π°Π½ΠΈΡ†Ρ‹, Π° Ρ‚Π°ΠΊΠΆΠ΅ Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠ΅ ΠΈ внСшниС отступы, поэтому ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ Π±Π»ΠΎΠΊ Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΠΌΠ΅Ρ‚ΡŒ большиС Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹:

Π”Π»ΠΈΠ½Π°, ΡˆΠΈΡ€ΠΈΠ½Π°, высота, Π³Π»ΡƒΠ±ΠΈΠ½Π° — элСмСнтарная ΠΌΠ°Ρ‚Π΅ΠΌΠ°Ρ‚ΠΈΠΊΠ°

Π”Π»ΠΈΠ½Π°, ΡˆΠΈΡ€ΠΈΠ½Π°, высота, Π³Π»ΡƒΠ±ΠΈΠ½Π°

Π’Π½Π΅ ΡƒΡ€ΠΎΠΊΠΎΠ² ΠΌΠ°Ρ‚Π΅ΠΌΠ°Ρ‚ΠΈΠΊΠΈ контСкст ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ опрСдСляСт наш Π²Ρ‹Π±ΠΎΡ€ словаря: Π΄Π»ΠΈΠ½Π° строки , ΡˆΠΈΡ€ΠΈΠ½Π° Π΄Π²Π΅Ρ€Π½ΠΎΠ³ΠΎ ΠΏΡ€ΠΎΠ΅ΠΌΠ°, высота Ρ„Π»Π°Π³ΡˆΡ‚ΠΎΠΊΠ° , Π³Π»ΡƒΠ±ΠΈΠ½Π° бассСйна. Но ΠΏΡ€ΠΈ описании ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠΎΠ² ΠΈΠ»ΠΈ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ² Π² Ρ„ΠΎΡ€ΠΌΠ΅ ΠΊΠΈΡ€ΠΏΠΈΡ‡Π° Π²Ρ‹Π±ΠΎΡ€ словаря каТСтся ΠΌΠ΅Π½Π΅Π΅ ясным.

Вопрос: Π‘Π»Π΅Π΄ΡƒΠ΅Ρ‚ Π»ΠΈ ΠΎΠ±ΠΎΠ·Π½Π°Ρ‡ΠΈΡ‚ΡŒ Π΄Π²Π° Ρ€Π°Π·ΠΌΠ΅Ρ€Π° ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ° Π΄Π»ΠΈΠ½ΠΎΠΉ ΠΈ ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉ ; ΠΈΠ»ΠΈ ΡˆΠΈΡ€ΠΈΠ½Π° ΠΈ высота ; ΠΈΠ»ΠΈ Π΄Π°ΠΆΠ΅ ΠΏΠΎ Π΄Π»ΠΈΠ½Π΅ ΠΈ ΠΏΠΎ высотС ? Π•ΡΡ‚ΡŒ Π»ΠΈ Β«ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠ΅Β» использованиС Ρ‚Π΅Ρ€ΠΌΠΈΠ½ΠΎΠ² Π΄Π»ΠΈΠ½Π° , ΡˆΠΈΡ€ΠΈΠ½Π° , высота ΠΈ Π³Π»ΡƒΠ±ΠΈΠ½Π° ?

ΠŸΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠΈ Ρ€Π°Π·Π½ΠΎΠΉ Ρ„ΠΎΡ€ΠΌΡ‹ ΠΈ полоТСния.

Π’Ρ‹Π±ΠΎΡ€ словаря здСсь ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ зависит ΠΎΡ‚ ясности ΠΈ отсутствия двусмыслСнности. ΠœΠ°Ρ‚Π΅ΠΌΠ°Ρ‚ΠΈΠΊΠ° Π½Π΅ прСдписываСт ΠΏΡ€Π°Π²ΠΈΠ» Β«ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠ³ΠΎΒ» использования этих Ρ‚Π΅Ρ€ΠΌΠΈΠ½ΠΎΠ² Π² Π΄Π°Π½Π½ΠΎΠΌ контСкстС. Π’ ΠΌΠ°Ρ‚Π΅ΠΌΠ°Ρ‚ΠΈΠΊΠ΅, ΠΊΠ°ΠΊ ΠΈ Π²Π΅Π·Π΄Π΅, Ρ†Π΅Π»ΡŒ спСциализированной лСксики — ΡΠ»ΡƒΠΆΠΈΡ‚ΡŒ ясному, нСдвусмыслСнному ΠΎΠ±Ρ‰Π΅Π½ΠΈΡŽ. Π’ этом случаС наш СстСствСнный способ Ρ€Π°Π·Π³ΠΎΠ²ΠΎΡ€Π° Π΄Π°Π΅Ρ‚ Π½Π°ΠΌ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°Ρ†ΠΈΠΈ.

Π”Π»ΠΈΠ½Π°: Если Π²Ρ‹ Ρ€Π΅ΡˆΠΈΡ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ слово , Π΄Π»ΠΈΠ½Π° , ΠΎΠ½ΠΎ Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚ΡŒΡΡ ΠΊ самому Π΄Π»ΠΈΠ½Π½ΠΎΠΌΡƒ ΠΈΠ·ΠΌΠ΅Ρ€Π΅Π½ΠΈΡŽ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ°.ΠŸΠΎΠ΄ΡƒΠΌΠ°ΠΉΡ‚Π΅, ΠΊΠ°ΠΊ Π±Ρ‹ Π²Ρ‹ описали расстояниС вдоль Π΄ΠΎΡ€ΠΎΠ³ΠΈ: это Π΄Π»ΠΈΠ½Π½ΠΎΠ΅ расстояниС , Π΄Π»ΠΈΠ½Π½ΠΎΠ΅ расстояниС Π΄ΠΎΡ€ΠΎΠ³ΠΈ. (Π‘Π»ΠΎΠ²Π° ΠΏΠΎ , ΠΏΠΎ Π΄Π»ΠΈΠ½Π΅ ΠΈ ΠΏΠΎ Π΄Π»ΠΈΠ½Π΅ th связаны ΠΌΠ΅ΠΆΠ΄Ρƒ собой.) РасстояниС Ρ‡Π΅Ρ€Π΅Π· Π΄ΠΎΡ€ΠΎΠ³Ρƒ Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚ ΠΎ ΡˆΠΈΡ€ΠΈΠ½Π΅ Π΄ΠΎΡ€ΠΎΠ³ΠΈ ΠΎΡ‚ ΠΎΠ΄Π½ΠΎΠΉ стороны Π΄ΠΎ Π΄Ρ€ΡƒΠ³ΠΎΠΉ. Π’ΠΎ Π΅ΡΡ‚ΡŒ ΡˆΠΈΡ€ΠΈΠ½Π° Π΄ΠΎΡ€ΠΎΠ³ΠΈ. (Π‘Π»ΠΎΠ²Π° wid e ΠΈ wid th Ρ‚ΠΎΠΆΠ΅ связаны ΠΌΠ΅ΠΆΠ΄Ρƒ собой.)

Когда ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ нарисован Π½Π° страницС Β«Π½Π°ΠΊΠ»ΠΎΠ½Π½Ρ‹ΠΌΒ», ΠΊΠ°ΠΊ этот, ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ Π»ΡƒΡ‡ΡˆΠ΅ всСго ΠΎΠ±ΠΎΠ·Π½Π°Ρ‡ΠΈΡ‚ΡŒ Π΄Π»ΠΈΠ½Π½ΡƒΡŽ сторону Β«Π΄Π»ΠΈΠ½ΠΎΠΉΒ», Π° Π΄Ρ€ΡƒΠ³ΡƒΡŽ сторону — Β«ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉΒ», ΠΊΠ°ΠΊ Ссли Π±Ρ‹ Π²Ρ‹ наносили ΠΌΠ°Ρ€ΠΊΠΈΡ€ΠΎΠ²ΠΊΡƒ Π½Π° Π΄ΠΎΡ€ΠΎΠ³Ρƒ.

Наклонный ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ.

Высота: Когда ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ рисуСтся с Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠΉ ΠΈ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠΉ сторонами, слово высота Π΄Π°Π΅Ρ‚ ΠΏΠΎΠ½ΡΡ‚ΡŒ, ΠΊΠ°ΠΊΠΎΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ имССтся Π² Π²ΠΈΠ΄Ρƒ; высота ΠΎΠ±ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚ высоту (высоту) ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ°. Π­Ρ‚ΠΎ позволяСт Π»Π΅Π³ΠΊΠΎ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ Π΄Ρ€ΡƒΠ³ΠΎΠ΅ ΠΈΠ·ΠΌΠ΅Ρ€Π΅Π½ΠΈΠ΅ — ΡˆΠΈΡ€ΠΈΠ½Ρƒ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ° ΠΈΠ· стороны Π² сторону — с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ слова ΡˆΠΈΡ€ΠΈΠ½Ρ‹ . И Ссли ΠΈΠ·ΠΌΠ΅Ρ€Π΅Π½ΠΈΠ΅ ΠΏΠΎ Π±ΠΎΠΊΠ°ΠΌ большС высоты, ΠΌΠΎΠΆΠ½ΠΎ Π½Π°Π·Π²Π°Ρ‚ΡŒ это Π΄Π»ΠΈΠ½ΠΎΠΉ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ°, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ это Π½Π΅ создаСт ΠΏΡƒΡ‚Π°Π½ΠΈΡ†Ρ‹.

ΠŸΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠΈ Ρ€Π°Π·Π½ΠΎΠΉ ΠΎΡ€ΠΈΠ΅Π½Ρ‚Π°Ρ†ΠΈΠΈ.

ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ Π² этом случаС, ΠΊΠΎΠ³Π΄Π° ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ высота , ΡΡ€Π°Π²Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ‚ значСния. ΠŸΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ высота всСгда Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Π°, Ρ€Π°Π·ΠΌΠ΅Ρ€, ΡˆΠΈΡ€ΠΈΠ½Π° ΠΈΠ»ΠΈ высота ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ большС.

Когда слово высота ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Π² сочСтании с основаниСм , ΠΎΠ½ΠΎ ΠΈΠΌΠ΅Π΅Ρ‚ особоС Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π½Π΅ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ относится ΠΊ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠΌΡƒ ΠΈΠ·ΠΌΠ΅Ρ€Π΅Π½ΠΈΡŽ.

Для Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π½Π΅ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½Ρ‹Ρ… Ρ„ΠΎΡ€ΠΌ Ρ‚Π΅Ρ€ΠΌΠΈΠ½Ρ‹ Π΄Π»ΠΈΠ½Π° , высота ΠΈΠ»ΠΈ ΡˆΠΈΡ€ΠΈΠ½Π° останутся нСясными, ясно ΠΏΠΎΠΊΠ°ΠΆΡƒΡ‚, Ρ‡Ρ‚ΠΎ Π²Ρ‹ ΠΈΠΌΠ΅Π΅Ρ‚Π΅ Π² Π²ΠΈΠ΄Ρƒ, ΠΈ Π½Π°Π·ΠΎΠ²ΠΈΡ‚Π΅ ΠΈΡ… «это расстояниС» ΠΈΠ»ΠΈ «это ΠΈΠ·ΠΌΠ΅Ρ€Π΅Π½ΠΈΠ΅Β».”

Π’Ρ€ΠΈ измСрСния

ΠŸΡ€ΠΈ ΠΎΠ±ΠΎΠ·Π½Π°Ρ‡Π΅Π½ΠΈΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² Ρ‚Ρ€Π΅Ρ…ΠΌΠ΅Ρ€Π½ΠΎΠΉ Ρ„ΠΈΠ³ΡƒΡ€Ρ‹ СдинствСнноС ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ ΠΈΠΌΠ΅Π΅Ρ‚ смысл ΠΈ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ ясным . ΠŸΠΎΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ярлыки.

Когда Ρ„ΠΈΠ³ΡƒΡ€Π° «Ρ€ΠΎΠ²Π½Π°Ρ», высота явно относится ΠΊ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠΌΡƒ ΠΈΠ·ΠΌΠ΅Ρ€Π΅Π½ΠΈΡŽ — насколько высока Ρ„ΠΈΠ³ΡƒΡ€Π° — нСзависимо ΠΎΡ‚ Ρ‚ΠΎΠ³ΠΎ, наибольшСС ΠΈΠ»ΠΈ наимСньшСС это ΠΈΠ·ΠΌΠ΅Ρ€Π΅Π½ΠΈΠ΅ ΠΈΠ»ΠΈ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ срСднСС; Π΄Π»ΠΈΠ½Π° (Ссли Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ это слово) относится ΠΊ Π±ΠΎΠ»ΡŒΡˆΠ΅ΠΌΡƒ ΠΈΠ· Π΄Π²ΡƒΡ… Π΄Ρ€ΡƒΠ³ΠΈΡ… ΠΈΠ·ΠΌΠ΅Ρ€Π΅Π½ΠΈΠΉ. Но Π²Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°Π·Ρ‹Π²Π°Ρ‚ΡŒ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉ ΠΈ Π³Π»ΡƒΠ±ΠΈΠ½ΠΎΠΉ (ΠΈ ΠΎΠ½ΠΈ Π² Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ стСпСни взаимозамСняСмы, Π² зависимости ΠΎΡ‚ Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ «каТСтся» ΡˆΠΈΡ€ΠΎΠΊΠΈΠΌ ΠΈΠ»ΠΈ Π³Π»ΡƒΠ±ΠΎΠΊΠΈΠΌ Π² Ρ„ΠΈΠ³ΡƒΡ€Π΅).Π‘ΠΌ. Π­Ρ‚ΠΈ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹.

Когда высота нСясна — Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Ссли Ρ„ΠΈΠ³ΡƒΡ€Π° Π½Π΅ являСтся Β«Ρ€ΠΎΠ²Π½ΠΎΠΉΒ» — люди Π½Π΅ ΠΌΠΎΠ³ΡƒΡ‚ Π·Π½Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ подразумСваСтся ΠΏΠΎΠ΄ ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉ, Π³Π»ΡƒΠ±ΠΈΠ½ΠΎΠΉ ΠΈΠ»ΠΈ высотой Π±Π΅Π· ярлыков, хотя Π΄Π»ΠΈΠ½Π° ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ всС Π΅Ρ‰Π΅ считаСтся Ρ„ΠΈΠ³ΡƒΡ€Π°. И, ΠΊΠ°ΠΊ ΠΈ Π² Π΄Π²ΡƒΡ… измСрСниях, Ρ‚Π°ΠΊΠΈΠ΅ Ρ‚Π΅Ρ€ΠΌΠΈΠ½Ρ‹, ΠΊΠ°ΠΊ Β«Π΄Π»ΠΈΠ½Π°Β», Β«ΡˆΠΈΡ€ΠΈΠ½Π°Β» ΠΈ «высота», Π½Π΅ Π±ΡƒΠ΄ΡƒΡ‚ ΠΊΠ°Π·Π°Ρ‚ΡŒΡΡ СстСствСнными ΠΈΠ»ΠΈ понятными для Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Ρ„ΠΎΡ€ΠΌ, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ тСннисный мяч.

Π§Ρ‚ΠΎ ΠΎΠ΄Π½ΠΈΠΌ словом?

Π”Π»ΠΈΠ½Π° , ΡˆΠΈΡ€ΠΈΠ½Π° , высота ΠΈ Π³Π»ΡƒΠ±ΠΈΠ½Π° — ΡΡƒΡ‰Π΅ΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅, ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½Π½Ρ‹Π΅ ΠΎΡ‚ ΠΏΡ€ΠΈΠ»Π°Π³Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… Π΄Π»ΠΈΠ½Π½Ρ‹ΠΉ , ΡˆΠΈΡ€ΠΎΠΊΠΈΠΉ , высокий ΠΈ Π³Π»ΡƒΠ±ΠΎΠΊΠΈΠΉ .Они ΡΠ»Π΅Π΄ΡƒΡŽΡ‚ общСпринятой английской схСмС, которая Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Π·Π°ΠΌΠ΅Π½Ρƒ гласной (часто Π½Π° Π±ΠΎΠ»Π΅Π΅ ΠΊΠΎΡ€ΠΎΡ‚ΠΊΡƒΡŽ) ΠΈ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ -Π³ΠΎ . (ΠžΠ΄ΠΈΠ½ΠΎΡ‡Π½Ρ‹ΠΉ t Π½Π° высотС являСтся соврСмСнным. Π£ΡΡ‚Π°Ρ€Π΅Π²ΡˆΠΈΠ΅ Ρ„ΠΎΡ€ΠΌΡ‹ Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‚ высотой ΠΈ высотой , ΠΈ Π΄ΠΎ сих ΠΏΠΎΡ€ часто ΠΌΠΎΠΆΠ½ΠΎ ΡƒΡΠ»Ρ‹ΡˆΠ°Ρ‚ΡŒ, ΠΊΠ°ΠΊ люди произносят Π΅Π³ΠΎ Ρ‚Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ.)

w i d e d ee p h i gh Π» ΠΈΠ»ΠΈ Π½Π³ br oa d
w i d th d e p th Ρ‡ ei gh Ρ‚ l e ng th br ea d th

Π”Ρ€ΡƒΠ³ΠΈΠ΅ английскиС ΠΏΠ°Ρ€Ρ‹ ΠΏΡ€ΠΈΠ»Π°Π³Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠ΅-ΡΡƒΡ‰Π΅ΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ΅ Ρ‚Π°ΠΊΠΆΠ΅ связаны Ρ‚Π°ΠΊΠΈΠΌ ΠΆΠ΅ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ: e.g., hale ΠΊΠ°ΠΊ Β«Π±ΠΎΠ΄Ρ€Ρ‹ΠΉ ΠΈ Π±ΠΎΠ΄Ρ€Ρ‹ΠΉΒ» ΠΈ health (Π½ΠΎ hale , Π·Π° ΠΈΡΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ΠΌ этого выраТСния, Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ Π² основном замСняСтся Π½Π° Β«Π·Π΄ΠΎΡ€ΠΎΠ²Ρ‹ΠΉΒ»).

ΠžΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ ΠΏΠΎ Merriam-Webster

\ ΡˆΠΈΡ€ΠΈΠ½Π° , ˈWitth \ 1 : Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠ΅ ΠΈΠ·ΠΌΠ΅Ρ€Π΅Π½ΠΈΠ΅ ΠΏΠΎΠ΄ прямым ΡƒΠ³Π»ΠΎΠΌ ΠΊ ​​длинС : ΡˆΠΈΡ€ΠΈΠ½Π°

2 : большой Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΈΠ»ΠΈ объСм

3 : ΠΌΠ΅Ρ€Π½Ρ‹ΠΉ ΠΎΡ‚Ρ€Π΅Π·Π°Π½Π½Ρ‹ΠΉ кусок ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Π° ΡˆΠΈΡ€ΠΈΠ½Π° бязи

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Β«ΡˆΠΈΡ€ΠΈΠ½Π°Β» Π² Π³Π΅ΠΎΠΌΠ΅Ρ‚Ρ€ΠΈΠΈ?

Π― Π½ΠΈΠΊΠΎΠ³Π΄Π° Π½Π΅ Π΄ΡƒΠΌΠ°Π», Ρ‡Ρ‚ΠΎ ΠΊΠΎΠ³Π΄Π°-Π½ΠΈΠ±ΡƒΠ΄ΡŒ Π·Π°Π΄ΡƒΠΌΠ°ΡŽΡΡŒ, Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Β«ΡˆΠΈΡ€ΠΈΠ½Π°Β», ΠΏΠΎΠΊΠ° ΠΎΠ΄Π½Π°ΠΆΠ΄Ρ‹ моя 12-лСтняя Π΄ΠΎΡ‡ΡŒ Π½Π΅ ΠΏΡ€ΠΈΡˆΠ»Π° Π΄ΠΎΠΌΠΎΠΉ ΠΈ Π½Π΅ сказала ΠΌΠ½Π΅, Ρ‡Ρ‚ΠΎ Π΅Π΅ учитСля ΠΌΠ°Ρ‚Π΅ΠΌΠ°Ρ‚ΠΈΠΊΠΈ (Π½Π΅ ΠΎΠ΄ΠΈΠ½, Π° Π΄Π²ΠΎΠ΅) сказали Π΅ΠΉ, Ρ‡Ρ‚ΠΎ Β«ΡˆΠΈΡ€ΠΈΠ½Π°Β» Π² Π³Π΅ΠΎΠΌΠ΅Ρ‚Ρ€ΠΈΠΈ — это Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒ. сторона ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ°.Для мСня это Π±Ρ‹Π»ΠΎ всС Ρ€Π°Π²Π½ΠΎ, Ρ‡Ρ‚ΠΎ ΡΠΊΠ°Π·Π°Ρ‚ΡŒ Β«Π²Π²Π΅Ρ€Ρ…Β» — это Π²Π½ΠΈΠ·, Π° Β«Π²Π½ΠΈΠ· — Π²Π²Π΅Ρ€Ρ…Β». Как это ΠΌΠΎΠ³Π»ΠΎ ΠΏΡ€ΠΎΠΈΠ·ΠΎΠΉΡ‚ΠΈ?

ΠžΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ΡΡ, Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π΅Π΅ учитСля. ВзглянитС Π½Π° эту страницу, с ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ я столкнулся, ΠΊΠΎΠ³Π΄Π° Π³ΡƒΠ³Π»ΠΈΠ» ΠΏΠΎ этой Ρ‚Π΅ΠΌΠ΅. Π’Π°ΠΌ написано:

Π’ случаС ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚Π° ΠΈΠ»ΠΈ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ° ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Π΄Π»ΠΈΠ½Π° выраТСния (1) вмСсто основания ΠΈ ΡˆΠΈΡ€ΠΈΠ½Π° (w) вмСсто высоты. Π’ случаС ΠΊΡ€ΡƒΠ³Π° ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Π²Ρ‹Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π΄ΠΈΠ°ΠΌΠ΅Ρ‚Ρ€ (d).

Β«Π¨ΠΈΡ€ΠΈΠ½Π° вмСсто высоты» ΠΎΡ‡Π΅Π½ΡŒ ΠΏΠΎΡ…ΠΎΠΆΠ° Π½Π° Π²Ρ‹Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Β«Π²Π²Π΅Ρ€Ρ…Ρƒ Π²Π½ΠΈΠ·Β».ΠžΡ‚ΠΊΡƒΠ΄Π° это взялось?

И Ρ‡Ρ‚ΠΎ Π΅Ρ‰Π΅ большС сбиваСт с Ρ‚ΠΎΠ»ΠΊΡƒ, Ρ‚Π°ΠΊ это Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ учитСля Π½Π΅ ΠΎΡΠΎΠ·Π½Π°ΡŽΡ‚ эту Π΄Π²ΡƒΡΠΌΡ‹ΡΠ»Π΅Π½Π½ΡƒΡŽ ΠΏΡ€ΠΈΡ€ΠΎΠ΄Ρƒ Β«ΡˆΠΈΡ€ΠΈΠ½Ρ‹Β». Π”Π²ΠΎΠ΅ Π΄Ρ€ΡƒΠ³ΠΈΡ… ΡƒΡ‡ΠΈΡ‚Π΅Π»Π΅ΠΉ сказали ΠΌΠ½Π΅, Ρ‡Ρ‚ΠΎ ΡˆΠΈΡ€ΠΈΠ½Π° — это всСгда Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Π°Ρ сторона, Π° Π΄Ρ€ΡƒΠ³ΠΎΠΉ сказал ΠΌΠ½Π΅, Ρ‡Ρ‚ΠΎ ΡΠ»Ρ‹ΡˆΠ°Π», ΠΊΠ°ΠΊ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Π½Π°Π·Ρ‹Π²Π°ΡŽΡ‚ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΡƒΡŽ сторону Β«ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉΒ». Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, ΠΎΡ‡Π΅Π²ΠΈΠ΄Π½ΠΎ, ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ Π°Π²Ρ‚ΠΎΡ€ΠΈΡ‚Π΅Ρ‚Π½ΠΎ ΠΏΡ€Π΅ΠΏΠΎΠ΄Π°Π΅Ρ‚ своим ΡƒΡ‡Π΅Π½ΠΈΠΊΠ°ΠΌ собствСнноС ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Β«ΡˆΠΈΡ€ΠΈΠ½Ρ‹Β». Если 12-Π»Π΅Ρ‚Π½ΠΈΠΉ ΡƒΡ‡ΠΈΡ‚Π΅Π»ΡŒ ΠΌΠ°Ρ‚Π΅ΠΌΠ°Ρ‚ΠΈΠΊΠΈ Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚, Ρ‡Ρ‚ΠΎ Β«ΡˆΠΈΡ€ΠΈΠ½Π°Β» Π² Π³Π΅ΠΎΠΌΠ΅Ρ‚Ρ€ΠΈΠΈ относится ΠΊ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠΉ сторонС, ΠΏΠΎΡ‡Π΅ΠΌΡƒ ΠΎΠ½Π° Π΄ΠΎΠ»ΠΆΠ½Π° Π² этом ΡΠΎΠΌΠ½Π΅Π²Π°Ρ‚ΡŒΡΡ? Если, ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ, Π΅ΠΉ Ρ‚Π°ΠΊΠΆΠ΅ Π½Π΅ сказали, Ρ‡Ρ‚ΠΎ Β«ΡˆΠΈΡ€ΠΈΠ½Π°Β» ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠΉ ΠΈΠ»ΠΈ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠΉ (Ρ‚.Π΅. Π½Π°ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ Π½Π΅ΠΉΡ‚Ρ€Π°Π»ΡŒΠ½ΠΎΠ΅, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Β«Π΄Π»ΠΈΠ½Π°Β»). Но ΠΎΡ‡Π΅Π²ΠΈΠ΄Π½ΠΎ, Ρ‡Ρ‚ΠΎ это Π½Π΅ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ происходит Π² школС Нью-Π™ΠΎΡ€ΠΊΠ°.

Если ΠΌΡ‹ ΡƒΡ‡ΠΈΠΌ Π½Π°ΡˆΠΈΡ… Π΄Π΅Ρ‚Π΅ΠΉ, Ρ‡Ρ‚ΠΎ Ρ‚Ρ€Π΅ΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ ΠΈΠΌΠ΅Π΅Ρ‚ Ρ‚Ρ€ΠΈ стороны, ΠΌΡ‹ Π½Π΅ Ρ…ΠΎΡ‚ΠΈΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½ΠΈ Π΄ΡƒΠΌΠ°Π»ΠΈ, Ρ‡Ρ‚ΠΎ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Β«Ρ‚Ρ€Π΅ΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΒ» ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π³ΠΈΠ±ΠΊΠΈΠΌ, ΠΊΠ°ΠΊ Ссли Π±Ρ‹ Ρƒ Π½Π΅Π³ΠΎ ΠΌΠΎΠ³Π»ΠΎ Π±Ρ‹Ρ‚ΡŒ Ρ‡Π΅Ρ‚Ρ‹Ρ€Π΅ ΠΈΠ»ΠΈ ΠΏΡΡ‚ΡŒ сторон. Если ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Β«ΡˆΠΈΡ€ΠΈΠ½Ρ‹Β» Π½Π΅ являСтся ΡƒΠ½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½Ρ‹ΠΌ, ΠΈΠΌ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ это Π·Π½Π°Ρ‚ΡŒ. Π’ΠΎΡ‚ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ ΠΏΡ€ΠΈΠΌΠ΅Ρ€. Π‘Π»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ вопрос Π±Ρ‹Π» Π·Π°Π΄Π°Π½ Π² тСстС Common Core ΠΏΠΎ ΠΌΠ°Ρ‚Π΅ΠΌΠ°Ρ‚ΠΈΠΊΠ΅ для 6-Π³ΠΎ класса 2016 Π³ΠΎΠ΄Π°.

Β«ΠŸΠ»ΠΎΡ‚Π½ΠΈΠΊ построил Ρ‚Ρ€ΠΈ ΠΊΠ½ΠΈΠΆΠ½Ρ‹Ρ… ΡˆΠΊΠ°Ρ„Π°, A, B ΠΈ C, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½ΠΈ стояли рядом Π΄Ρ€ΡƒΠ³ с Π΄Ρ€ΡƒΠ³ΠΎΠΌ вдоль стСны.ΠžΠ±Ρ‰Π°Ρ Π΄Π»ΠΈΠ½Π° стСны составляСт 456 сантимСтров. ΠŸΠ»ΠΎΡ‚Π½ΠΈΠΊ построит Π΅Ρ‰Π΅ Π΄Π²Π° ΠΊΠ½ΠΈΠΆΠ½Ρ‹Ρ… ΡˆΠΊΠ°Ρ„Π°, D ΠΈ E, вдоль Ρ‚ΠΎΠΉ ΠΆΠ΅ стСны. Π­Ρ‚ΠΈ Π΄Π²Π° ΠΊΠ½ΠΈΠΆΠ½Ρ‹Ρ… ΡˆΠΊΠ°Ρ„Π° Π±ΡƒΠ΄ΡƒΡ‚ ΠΈΠΌΠ΅Ρ‚ΡŒ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΡƒΡŽ ΡˆΠΈΡ€ΠΈΠ½Ρƒ . Π¨ΠΈΡ€ΠΈΠ½Π° ΠΈ ΠΊΠ½ΠΈΠΆΠ½Ρ‹Ρ… ΡˆΠΊΠ°Ρ„ΠΎΠ² A, B ΠΈ C ΠΏΠΎΠΊΠ°Π·Π°Π½Ρ‹ Π½Π° Ρ‡Π΅Ρ€Ρ‚Π΅ΠΆΠ΅ Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ Β».

Π’Π΅ΠΏΠ΅Ρ€ΡŒ, Ссли Π±Ρ‹ вас ΡƒΡ‡ΠΈΠ»ΠΈ, Ρ‡Ρ‚ΠΎ Π² Π³Π΅ΠΎΠΌΠ΅Ρ‚Ρ€ΠΈΠΈ Β«ΡˆΠΈΡ€ΠΈΠ½Π°Β» ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΡƒΡŽ сторону, Π° Β«Π΄Π»ΠΈΠ½Π°Β» ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΡƒΡŽ сторону, Π²Ρ‹ Π±Ρ‹ Π·Π°ΠΏΡƒΡ‚Π°Π»ΠΈΡΡŒ, читая этот вопрос. ΠŸΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ ΠΎΡ‚Π²Π΅Ρ‚ Π±Ρ‹Π» Π±Ρ‹: «Но ΠΏΠΎΡ‡Π΅ΠΌΡƒΒ« ΡˆΠΈΡ€ΠΈΠ½Π° Β»ΠΊΠ½ΠΈΠΆΠ½Ρ‹Ρ… ΡˆΠΊΠ°Ρ„ΠΎΠ² Π΄ΠΎΠ»ΠΆΠ½Π° ΠΈΠΌΠ΅Ρ‚ΡŒ ΠΊΠ°ΠΊΠΎΠ΅-Π»ΠΈΠ±ΠΎ ΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠ΅ ΠΊΒ« Π΄Π»ΠΈΠ½Π΅ »стСны ΠΏΡ€ΠΈ установкС ΠΊΠ½ΠΈΠΆΠ½Ρ‹Ρ… ΡˆΠΊΠ°Ρ„ΠΎΠ²?Β»

Моя Π΄ΠΎΡ‡ΡŒ ΠΏΡ‹Ρ‚Π°Π»Π°ΡΡŒ ΠΏΠΎΠ½ΡΡ‚ΡŒ это, нарисовав ΠΊΡƒΡ‡Ρƒ ΠΊΠ½ΠΈΠΆΠ½Ρ‹Ρ… ΠΏΠΎΠ»ΠΎΠΊ Ρ€Π°Π·Π½ΠΎΠΉ высоты, Π½ΠΎ Π² ΠΊΠΎΠ½Ρ†Π΅ ΠΊΠΎΠ½Ρ†ΠΎΠ² сдалась, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ вопрос Π½Π΅ ΠΈΠΌΠ΅Π» для Π½Π΅Π΅ смысла.

Π’ Merriam-Webster слово Β«ΡˆΠΈΡ€ΠΈΠ½Π°Β» Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ‚ двусмыслСнности: Β« Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠ΅ ΠΈΠ·ΠΌΠ΅Ρ€Π΅Π½ΠΈΠ΅ , Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½Π½ΠΎΠ΅ ΠΏΠΎΠ΄ прямым ΡƒΠ³Π»ΠΎΠΌ ΠΊ ​​длинС». Π’ ΠΊΠΎΠ½Ρ†Π΅ ΠΊΠΎΠ½Ρ†ΠΎΠ², слово «высота» Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ‚ двусмыслСнности, Ρ‚Π°ΠΊ ΠΏΠΎΡ‡Π΅ΠΌΡƒ ΠΆΠ΅ ΠΌΡ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π΄ΡƒΠΌΠ°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ Β«ΡˆΠΈΡ€ΠΈΠ½Π°Β» — это Ρ‚Π°ΠΊ?

Но взгляд Π½Π° ΠžΠΊΡΡ„ΠΎΡ€Π΄ΡΠΊΠΈΠΉ ΡΠ»ΠΎΠ²Π°Ρ€ΡŒ Π΄Π°Π΅Ρ‚ Π½Π°ΠΌ нСсколько ΠΈΠ½ΠΎΠΉ ΠΎΡ‚Π²Π΅Ρ‚: Β«Π˜Π·ΠΌΠ΅Ρ€Π΅Π½ΠΈΠ΅ ΠΈΠ»ΠΈ ΠΏΡ€ΠΎΡ‚ΡΠΆΠ΅Π½Π½ΠΎΡΡ‚ΡŒ Ρ‡Π΅Π³ΠΎ-Π»ΠΈΠ±ΠΎ ΠΈΠ· стороны Π² сторону; мСньшСС ΠΈΠ· Π΄Π²ΡƒΡ… ΠΈΠ»ΠΈ наимСньшСС ΠΈΠ· Ρ‚Ρ€Π΅Ρ… ΠΈΠ·ΠΌΠ΅Ρ€Π΅Π½ΠΈΠΉ Ρ‚Π΅Π»Π° Β».

Π”Ρ€ΡƒΠ³ΠΈΠΌΠΈ словами, Π² ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ΅ «мСньшая ΠΈΠ· Π΄Π²ΡƒΡ…Β» сторон Π±ΡƒΠ΄Π΅Ρ‚ Π½Π°Π·Ρ‹Π²Π°Ρ‚ΡŒΡΡ Β«ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉΒ» нСзависимо ΠΎΡ‚ ΠΎΡ€ΠΈΠ΅Π½Ρ‚Π°Ρ†ΠΈΠΈ.Π˜Ρ‚Π°ΠΊ, ΠΏΠΎΡ…ΠΎΠΆΠ΅, Ρ‡Ρ‚ΠΎ это вопрос противостояния АмСрики ΠΈ Π’Π΅Π»ΠΈΠΊΠΎΠ±Ρ€ΠΈΡ‚Π°Π½ΠΈΠΈ, ΠΈΠ»ΠΈ Π½Π΅Ρ‚? (ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° написаниС слова Β«Π΄ΠΈΠ°ΠΌΠ΅Ρ‚Ρ€Β» Π½Π° страницС с сайта fao.org, ΠΏΡ€ΠΎΡ†ΠΈΡ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠΉ Π²Ρ‹ΡˆΠ΅.)

Π”Π»ΠΈΠ½Π°, ΡˆΠΈΡ€ΠΈΠ½Π° ΠΈ высота | Как Ρ‡ΠΈΡ‚Π°Ρ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ | Smartick

Π’ сСгодняшнСй ΡΡ‚Π°Ρ‚ΡŒΠ΅ ΠΌΡ‹ ΠΏΠΎΠ³ΠΎΠ²ΠΎΡ€ΠΈΠΌ ΠΎ Π΄Π»ΠΈΠ½Π΅ , ΡˆΠΈΡ€ΠΈΠ½Π΅ ΠΈ высотС ΠΊΠ°ΠΊ ΠΎΠ± инструмСнтах для опрСдСлСния Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°.

Π”Π»ΠΈΠ½Π° — это Π»ΠΈΠ½Π΅ΠΉΠ½ΠΎΠ΅ ΠΈΠ·ΠΌΠ΅Ρ€Π΅Π½ΠΈΠ΅, Ρ‚ΠΎ Π΅ΡΡ‚ΡŒ ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ для измСрСния расстояния ΠΌΠ΅ΠΆΠ΄Ρƒ двумя Ρ‚ΠΎΡ‡ΠΊΠ°ΠΌΠΈ.

Π’ этом случаС ΠΌΡ‹ ΠΈΠ·ΠΌΠ΅Ρ€ΠΈΠ»ΠΈ Π΄Π»ΠΈΠ½Ρƒ ΠΌΠ΅ΠΆΠ΄Ρƒ ΠΊΠΎΠ½Ρ†ΠΎΠΌ ΠΊΠ°Π±ΠΈΠ½Ρ‹ ΠΈ Π·Π°Π΄Π½Π΅ΠΉ Ρ‡Π°ΡΡ‚ΡŒΡŽ послСднСго Ρ‚Ρ€Π΅Π½Π΅Ρ€Π°.

Однако ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΡ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ дСнь, Π½Π΅ ΡΠ²Π»ΡΡŽΡ‚ΡΡ прямыми линиями, поэтому ΠΌΡ‹ Π½Π΅ ΠΌΠΎΠΆΠ΅ΠΌ ΠΈΠ·ΠΌΠ΅Ρ€ΠΈΡ‚ΡŒ ΠΈΡ… ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²Ρ‹ΠΌ способом. Нам Π½ΡƒΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ нСсколько Ρ€Π°Π·Π½Ρ‹Ρ… ΠΈΠ·ΠΌΠ΅Ρ€Π΅Π½ΠΈΠΉ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ ΠΈΡ… Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹.

НапримСр, Ссли ΠΌΡ‹ Ρ…ΠΎΡ‚ΠΈΠΌ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ листа Π±ΡƒΠΌΠ°Π³ΠΈ Π²Π½ΡƒΡ‚Ρ€ΠΈ этого ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚Π°, Π½Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Ρ€ΠΈΡ‚ΡŒ Π΄Π²Π΅ Π²Π΅Ρ‰ΠΈ: Π΄Π»ΠΈΠ½Ρƒ ΠΈ высоту.

ΠœΡ‹ сняли Π΄Π²Π° ΠΌΠ΅Ρ€ΠΊΠΈ этого ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚Π°: Π΄Π»ΠΈΠ½Ρƒ 16 см ΠΈ высоту 8 см.

Для Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π° ΠΎΠΊΡ€ΡƒΠΆΠ°ΡŽΡ‰ΠΈΡ… нас ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ² Π΄Π²ΡƒΡ… ΠΈΠ·ΠΌΠ΅Ρ€Π΅Π½ΠΈΠΉ всС ΠΆΠ΅ нСдостаточно, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΎΠ½ΠΈ ΡΠ²Π»ΡΡŽΡ‚ΡΡ Ρ‚Ρ€Π΅Ρ…ΠΌΠ΅Ρ€Π½Ρ‹ΠΌΠΈ Ρ‚Π΅Π»Π°ΠΌΠΈ. Π­Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ Π½Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Ρ‚Ρ€ΠΈ измСрСния: Π΄Π»ΠΈΠ½Π°, ΡˆΠΈΡ€ΠΈΠ½Π° ΠΈ высота.

ΠœΡ‹ взяли Ρ‚Ρ€ΠΈ ΠΌΠ΅Ρ€ΠΊΠΈ ΠΈΠ· этого ящика: Π΄Π»ΠΈΠ½Π° 20 см, ΡˆΠΈΡ€ΠΈΠ½Π° 10 см ΠΈ высота 15 см.

Π”Π»ΠΈΠ½Π°, ΡˆΠΈΡ€ΠΈΠ½Π° ΠΈ высота — это измСрСния, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ Π½Π°ΠΌ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ объСм гСомСтричСских Ρ‚Π΅Π». Π”Π»ΠΈΠ½Π° (20 см) ΠΈ ΡˆΠΈΡ€ΠΈΠ½Π° (10 см) ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‚ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠΌΡƒ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρƒ.Π‘ Π΄Ρ€ΡƒΠ³ΠΎΠΉ стороны, высота (15 см) относится ΠΊ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠΌΡƒ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρƒ.

ΠžΠ±Ρ‹Ρ‡Π½ΠΎ ΠΌΡ‹ Π²Ρ‹Ρ€Π°ΠΆΠ°Π΅ΠΌ эти Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹, записывая ΠΈΡ… Ρ‡Π΅Ρ€Π΅Π· Π·Π½Π°ΠΊ умноТСния. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ, ΠΊΠΎΠ³Π΄Π° ΠΌΡ‹ ΠΈΠ΄Π΅ΠΌ ΠΏΠΎΠΊΡƒΠΏΠ°Ρ‚ΡŒ мСбСль ΠΈ Ρ…ΠΎΡ‚ΠΈΠΌ ΡƒΠ·Π½Π°Ρ‚ΡŒ Π΅Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹, ΠΌΡ‹ Π²ΠΈΠ΄ΠΈΠΌ Π½Π° ΠΊΠΎΡ€ΠΎΠ±ΠΊΠ΅ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π΅:

170 дюймов (высота) x 60 дюймов (ΡˆΠΈΡ€ΠΈΠ½Π°) x 45 дюймов (Π΄Π»ΠΈΠ½Π°)

Π― надСюсь, Ρ‡Ρ‚ΠΎ эта ΡΡ‚Π°Ρ‚ΡŒΡ ΠΏΠΎΠΌΠΎΠ³Π»Π° Π²Π°ΠΌ Π½Π°ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ ΠΈΠ·ΠΌΠ΅Ρ€ΡΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ² Π² ΠΌΠΈΡ€Π΅ Π²ΠΎΠΊΡ€ΡƒΠ³ вас.

НС Π·Π°Π±Ρ‹Π²Π°ΠΉΡ‚Π΅, Ρ‡Ρ‚ΠΎ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ бСсплатно Π·Π°Ρ€Π΅Π³ΠΈΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π² Smartick, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡ‚ΡŒ упраТнСния с использованиСм Π΅Π΄ΠΈΠ½ΠΈΡ† измСрСния, срСди ΠΌΠ½ΠΎΠ³ΠΈΡ… Π΄Ρ€ΡƒΠ³ΠΈΡ… !

ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅:

Команда ΠΏΠΎ созданию ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°.
ΠœΠ½ΠΎΠ³ΠΎΠΏΡ€ΠΎΡ„ΠΈΠ»ΡŒΠ½Π°Ρ ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ½Π°Ρ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Π°Ρ ΠΊΠΎΠΌΠ°Π½Π΄Π°, состоящая ΠΈΠ· ΠΌΠ°Ρ‚Π΅ΠΌΠ°Ρ‚ΠΈΠΊΠΎΠ², ΡƒΡ‡ΠΈΡ‚Π΅Π»Π΅ΠΉ, профСссоров ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΡ… спСциалистов Π² области образования!
Они стрСмятся ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ максимально Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΠ΅ матСматичСскоС содСрТаниС.

Π’ Ρ‡Π΅ΠΌ Ρ€Π°Π·Π½ΠΈΡ†Π°? — Diffzi

Когда ΠΌΡ‹ измСряСм стороны ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΈΠΌΠ΅Π΅Ρ‚ ΠΎΡ‚Π»ΠΈΡ‡ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ Ρ‡Π΅Ρ€Ρ‚Ρ‹, ΠΌΡ‹ всСгда ΠΎΠ±Ρ€Π°Ρ‰Π°Π΅ΠΌ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° Π΄Π²Π° Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ Π²Π°ΠΆΠ½Ρ‹Ρ… ΠΌΠΎΠΌΠ΅Π½Ρ‚Π° Π² Π½ΠΈΡ…. Π˜Ρ… Π΄Π»ΠΈΠ½Π° ΠΈ ΡˆΠΈΡ€ΠΈΠ½Π°. Оба ΠΎΠ½ΠΈ Π½Π΅ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²Ρ‹ ΠΈ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΈΠΌΠ΅Ρ‚ΡŒ Π² Π²ΠΈΠ΄Ρƒ Ρ€Π°Π·Π½Ρ‹Π΅ Π²Π΅Ρ‰ΠΈ, ΠΏΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ ΠΎΠΊΠΎΠ½Ρ‡Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ Ρ€Π΅ΡˆΠΈΡ‚ΡŒ, какая сторона ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ ΠΊΠ°ΠΊΠΎΠ΅ имя.Π”Π»ΠΈΠ½Π° опрСдСляСтся ΠΊΠ°ΠΊ ΠΈΠ·ΠΌΠ΅Ρ€Π΅Π½ΠΈΠ΅ Ρ‡Π΅Π³ΠΎ-Π»ΠΈΠ±ΠΎ ΠΎΡ‚ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΊΠΎΠ½Ρ†Π° Π΄ΠΎ Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ. Π­Ρ‚ΠΎ самоС большоС расстояниС ΠΎΡ‚ ΠΎΠ΄Π½ΠΎΠΉ Ρ€ΡƒΠΊΠΈ Π΄ΠΎ Π΄Ρ€ΡƒΠ³ΠΎΠΉ ΠΈ самоС большоС Π² Ρ‚Ρ€Π΅Ρ… измСрСниях Ρ‚Π΅Π»Π°. Π¨ΠΈΡ€ΠΈΠ½Π° опрСдСляСтся ΠΊΠ°ΠΊ ΠΈΠ·ΠΌΠ΅Ρ€Π΅Π½ΠΈΠ΅ Ρ‡Π΅Π³ΠΎ-Ρ‚ΠΎ ΠΎΡ‚ ΠΎΠ΄Π½ΠΎΠΉ Ρ€ΡƒΠΊΠΈ Π΄ΠΎ Π΄Ρ€ΡƒΠ³ΠΎΠΉ, самого малСнького ΠΈΠ»ΠΈ самого большого.

Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΠ΅: Ρ€Π°Π·Π½ΠΈΡ†Π° ΠΌΠ΅ΠΆΠ΄Ρƒ Π΄Π»ΠΈΠ½ΠΎΠΉ ΠΈ ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉ

Π‘Ρ€Π°Π²Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Π°Ρ Ρ‚Π°Π±Π»ΠΈΡ†Π°

ОснованиС для различСния Π”Π»ΠΈΠ½Π° Π¨ΠΈΡ€ΠΈΠ½Π°
ΠžΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Π˜Π·ΠΌΠ΅Ρ€Π΅Π½ΠΈΠ΅ Ρ‡Π΅Π³ΠΎ-Π»ΠΈΠ±ΠΎ ΠΎΡ‚ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΊΠΎΠ½Ρ†Π° Π΄ΠΎ Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ. Π˜Π·ΠΌΠ΅Ρ€Π΅Π½ΠΈΠ΅ Ρ‡Π΅Π³ΠΎ-Π»ΠΈΠ±ΠΎ ΠΎΡ‚ ΠΎΠ΄Π½ΠΎΠΉ стороны Π΄ΠΎ Π΄Ρ€ΡƒΠ³ΠΎΠΉ.
ΠŸΡ€ΠΈΡ€ΠΎΠ΄Π° НаибольшСС расстояниС ΠΎΡ‚ ΠΎΠ΄Π½ΠΎΠΉ Ρ€ΡƒΠΊΠΈ Π΄ΠΎ Π΄Ρ€ΡƒΠ³ΠΎΠΉ ΠΈ наибольшСС Π² Ρ‚Ρ€Π΅Ρ… измСрСниях Ρ‚Π΅Π»Π°. НаимСньшСС расстояниС ΠΎΡ‚ ΠΎΠ΄Π½ΠΎΠΉ стороны Π΄ΠΎ Π΄Ρ€ΡƒΠ³ΠΎΠΉ ΠΈ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ΅ Π² Ρ‚Ρ€Π΅Ρ… измСрСниях Ρ‚Π΅Π»Π°.
ГСомСтрия Бамая большая сторона ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π° называСтся Π΄Π»ΠΈΠ½ΠΎΠΉ НаимСньшСС расстояниС ΠΎΡ‚ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π° называСтся ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉ.
Π¨Ρ‚. ΠœΠ΅Ρ‚Ρ€ ΠœΠ΅Ρ‚Ρ€
ПояснСниС Π§Ρ‚ΠΎ-Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ΠΎΠ±ΡŠΡΡΠ½ΡΠ΅Ρ‚, насколько ΡˆΠΈΡ€ΠΎΠΊ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚. Π§Ρ‚ΠΎ-Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ опрСдСляСт, насколько Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ элСмСнт.

Π Π΅ΠΊΠ»Π°ΠΌΠ° — ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠΈΡ‚ΡŒ Ρ‡Ρ‚Π΅Π½ΠΈΠ΅ Π½ΠΈΠΆΠ΅

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Π΄Π»ΠΈΠ½Π°?

Π”Π»ΠΈΠ½Π° опрСдСляСтся ΠΊΠ°ΠΊ ΠΈΠ·ΠΌΠ΅Ρ€Π΅Π½ΠΈΠ΅ Ρ‡Π΅Π³ΠΎ-Π»ΠΈΠ±ΠΎ ΠΎΡ‚ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΊΠΎΠ½Ρ†Π° Π΄ΠΎ Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ. Π­Ρ‚ΠΎ самоС большоС расстояниС ΠΎΡ‚ ΠΎΠ΄Π½ΠΎΠΉ стороны Π΄ΠΎ Π΄Ρ€ΡƒΠ³ΠΎΠΉ ΠΈ самоС большоС Π² Ρ‚Ρ€Π΅Ρ… измСрСниях Ρ‚Π΅Π»Π°.Если ΠΌΡ‹ Ρ…ΠΎΡ‚ΠΈΠΌ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ это простыми словами, ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ распространяСтся Π½Π° Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ ΠΈΠ»ΠΈ Π½Π° всю Π΄Π»ΠΈΠ½Ρƒ Ρ‚Π΅Π»Π°. Π’Π΅Ρ€ΠΌΠΈΠ½ ΠΏΡ€ΠΎΠΈΠ·ΠΎΡˆΠ΅Π» ΠΈΠ· Π½Π΅ΠΌΠ΅Ρ†ΠΊΠΎΠ³ΠΎ языка ΠΈ вошСл Π² ΡΡ‚Π°Ρ€ΡƒΡŽ Π°Π½Π³Π»ΠΈΠΉΡΠΊΡƒΡŽ ΠΏΠΈΡΡŒΠΌΠ΅Π½Π½ΠΎΡΡ‚ΡŒ ΠΊΠ°ΠΊ lengthu, ΠΎΡ‚Ρ‚ΡƒΠ΄Π° вмСстС со словом long ΠΎΠ½ ΠΏΡ€ΠΈΠΎΠ±Ρ€Π΅Π» Π½Ρ‹Π½Π΅ΡˆΠ½ΡŽΡŽ Ρ„ΠΎΡ€ΠΌΡƒ Π΄Π»ΠΈΠ½Ρ‹. Он Π² основном ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Π² качСствС гСомСтричСского измСрСния ΠΈ являСтся самой протяТСнной Ρ‡Π°ΡΡ‚ΡŒΡŽ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°. НапримСр, Ρƒ нас Π΅ΡΡ‚ΡŒ ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΈΠΌΠ΅Π΅Ρ‚ ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚Π½ΡƒΡŽ Ρ„ΠΎΡ€ΠΌΡƒ, ΠΈ Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ сторона, Π³Π΄Π΅ наибольшСС расстояниС ΠΎΡ‚ ΠΎΠ΄Π½ΠΎΠΉ стороны Π΄ΠΎ Π΄Ρ€ΡƒΠ³ΠΎΠΉ, называСтся Π΅Π³ΠΎ Π΄Π»ΠΈΠ½ΠΎΠΉ.Π”Ρ€ΡƒΠ³ΠΎΠΉ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ — Ρ‚Π΅Π»Π΅Π²ΠΈΠ·ΠΎΡ€Ρ‹, ΠΊΠΎΠ³Π΄Π° ΠΌΡ‹ ΠΈΠ΄Π΅ΠΌ ΠΏΠΎΠΊΡƒΠΏΠ°Ρ‚ΡŒ ΠΈΡ…, Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡŽΡ‚ΡΡ ΠΊΠ°ΠΊ ΠΎΠ±Ρ‰ΠΈΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ Π½Π°Π±ΠΎΡ€Π°. Π­Ρ‚ΠΎ расстояниС Π½Π΅ ΠΎΡ‚ ΠΎΠ΄Π½ΠΎΠΉ стороны ΠΊ Π΄Ρ€ΡƒΠ³ΠΎΠΉ, Π° наибольшСС расстояниС Π½Π° ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚Π΅, Π΄Π°ΠΆΠ΅ Ссли ΠΎΠ½ΠΎ тСорСтичСски раздСляСт ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ Π½Π° Π΄Π²Π΅ ΠΏΠΎΠ»ΠΎΠ²ΠΈΠ½Ρ‹. Π’ Π΅Π΄ΠΈΠ½ΠΈΡ†Π°Ρ… БИ ΠΏΠ΅Ρ€Π²ΠΎΠ½Π°Ρ‡Π°Π»ΡŒΠ½Ρ‹ΠΉ Ρ‚Π΅Ρ€ΠΌΠΈΠ½, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для обозначСния Π΄Π»ΠΈΠ½Ρ‹, — это ΠΌΠ΅Ρ‚Ρ€ ΠΈ измСряСтся ΠΊΠ°ΠΊ ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ свСта. Π’ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π΅ случаСв люди ΠΏΠΎΠ»Π°Π³Π°Π»ΠΈ, Ρ‡Ρ‚ΠΎ Ρ€Π°Π½ΡŒΡˆΠ΅ Π΅Π΄ΠΈΠ½ΠΈΡ†Π°ΠΌΠΈ измСрСния Π±Ρ‹Π»ΠΈ части чСловСчСского Ρ‚Π΅Π»Π°.

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ ΡˆΠΈΡ€ΠΈΠ½Π°?

Π¨ΠΈΡ€ΠΈΠ½Π° опрСдСляСтся ΠΊΠ°ΠΊ ΠΈΠ·ΠΌΠ΅Ρ€Π΅Π½ΠΈΠ΅ Ρ‡Π΅Π³ΠΎ-Π»ΠΈΠ±ΠΎ ΠΎΡ‚ ΠΎΠ΄Π½ΠΎΠΉ стороны Π΄ΠΎ Π΄Ρ€ΡƒΠ³ΠΎΠΉ. Π­Ρ‚ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ Π½Π΅ самая большая ΠΈΠ»ΠΈ самая малСнькая Π΄Π»ΠΈΠ½Π° ΠΏΡ€Π΅Π΄ΠΌΠ΅Ρ‚Π°, Π° Π΄Π»ΠΈΠ½Π° ΠΎΠ΄Π½ΠΎΠΉ стороны ΠΈ комбинация Π΄Ρ€ΡƒΠ³ΠΎΠΉ. Π”Π°ΠΆΠ΅ Ссли Π² Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… случаях ΠΎΠ½ становится самой большой Π΄Π»ΠΈΠ½ΠΎΠΉ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Ρ‚Π΅Ρ€ΠΌΠΈΠ½ Β«ΡˆΠΈΡ€ΠΈΠ½Π°Β». Однако Π² Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π΅ случаСв фиксируСтся самая короткая Π΄Π»ΠΈΠ½Π° Ρ‡Π΅Π³ΠΎ-Π»ΠΈΠ±ΠΎ. ΠŸΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ наибольшСС Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΠΈΠΌΠ΅Π΅Ρ‚ Π΄Π»ΠΈΠ½Π°, СдинствСнная другая Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Π² ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π΅ со сторонами ΠΈΠΌΠ΅Π΅Ρ‚ ΡˆΠΈΡ€ΠΈΠ½Ρƒ.Π”Ρ€ΡƒΠ³ΠΎΠΉ способ опрСдСлСния этого Ρ‚Π΅Ρ€ΠΌΠΈΠ½Π° — это ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹ΠΉ способ измСрСния Ρ‚ΠΎΠ³ΠΎ, насколько Π΄Π°Π»Π΅ΠΊΠΎ находится Ρ‚Ρ€Π΅Ρ…ΠΌΠ΅Ρ€Π½Ρ‹ΠΉ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚. Допустим, Π΅ΡΡ‚ΡŒ Ρ‚Π΅Π»Π΅Π²ΠΈΠ·ΠΎΡ€, самая большая Π΄Π»ΠΈΠ½Π° Ρ‚Π°ΠΊΠΎΠ³ΠΎ устройства находится рядом, поэтому ΠΌΡ‹ Π³ΠΎΠ²ΠΎΡ€ΠΈΠΌ, Ρ‡Ρ‚ΠΎ ΡˆΠΈΡ€ΠΈΠ½Π° Ρ‚Π΅Π»Π΅Π²ΠΈΠ·ΠΎΡ€Π° — это самый большой Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Ρƒ Π½Π΅Π³ΠΎ Π΅ΡΡ‚ΡŒ, Π½ΠΎ ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ это Π½Π΅ всСгда Π²Π΅Ρ€Π½ΠΎ, Π΄Π»ΠΈΠ½Π° Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π° Ρ‚Π΅Π»Π΅Π²ΠΈΠ·ΠΎΡ€ΠΎΠ² измСряСтся ΠΎΡ‚ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΊΠΎΠ½Ρ†Π° Π΄ΠΎ Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ Π² Π²ΠΈΠ΄Π΅ Ρ‚Ρ€Π΅ΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ°. ΠŸΡ€ΠΎΡ‰Π΅ говоря, ΠΌΡ‹ Π³ΠΎΠ²ΠΎΡ€ΠΈΠΌ, Ρ‡Ρ‚ΠΎ ΡˆΠΈΡ€ΠΈΠ½Π° — это Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ΠΎΠ±ΡŠΡΡΠ½ΡΠ΅Ρ‚, насколько ΡˆΠΈΡ€ΠΎΠΊ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚, Ρ‚ΠΎΠ³Π΄Π° ΠΊΠ°ΠΊ Π΄Π»ΠΈΠ½Π° опрСдСляСт Π΄Π»ΠΈΠ½Ρƒ элСмСнта.Π’ Ρ‚ΠΎ врСмя ΠΊΠ°ΠΊ Π΄Π»ΠΈΠ½Π° ΠΈΠΌΠ΅Π΅Ρ‚ свою Π΅Π΄ΠΈΠ½ΠΈΡ†Ρƒ, ΡˆΠΈΡ€ΠΈΠ½Π° считаСтся ΠΎΠ΄Π½ΠΈΠΌ ΠΈ Ρ‚Π΅ΠΌ ΠΆΠ΅ Ρ‚Π΅Ρ€ΠΌΠΈΠ½ΠΎΠΌ ΠΈ измСряСтся Π² Ρ‚Π΅Ρ… ΠΆΠ΅ Π΅Π΄ΠΈΠ½ΠΈΡ†Π°Ρ…. Π”Ρ€ΡƒΠ³ΠΎΠΉ простой способ — ΠΈΠΌΠ΅Ρ‚ΡŒ Π² Π²ΠΈΠ΄Ρƒ, Ρ‡Ρ‚ΠΎ всС ΠΏΠΎ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΠΈ — это ΡˆΠΈΡ€ΠΈΠ½Π°.

ΠšΠ»ΡŽΡ‡Π΅Π²Ρ‹Π΅ различия ΠΌΠ΅ΠΆΠ΄Ρƒ Π΄Π»ΠΈΠ½ΠΎΠΉ ΠΈ ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉ

  1. Π”Π»ΠΈΠ½Π° опрСдСляСтся ΠΊΠ°ΠΊ ΠΈΠ·ΠΌΠ΅Ρ€Π΅Π½ΠΈΠ΅ Ρ‡Π΅Π³ΠΎ-Π»ΠΈΠ±ΠΎ ΠΎΡ‚ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΊΠΎΠ½Ρ†Π° Π΄ΠΎ Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ. Π­Ρ‚ΠΎ самоС большоС расстояниС ΠΎΡ‚ ΠΎΠ΄Π½ΠΎΠΉ стороны Π΄ΠΎ Π΄Ρ€ΡƒΠ³ΠΎΠΉ ΠΈ самоС большоС Π² Ρ‚Ρ€Π΅Ρ… измСрСниях Ρ‚Π΅Π»Π°. Π¨ΠΈΡ€ΠΈΠ½Π° опрСдСляСтся ΠΊΠ°ΠΊ ΠΈΠ·ΠΌΠ΅Ρ€Π΅Π½ΠΈΠ΅ Ρ‡Π΅Π³ΠΎ-Π»ΠΈΠ±ΠΎ ΠΎΡ‚ ΠΎΠ΄Π½ΠΎΠΉ стороны Π΄ΠΎ Π΄Ρ€ΡƒΠ³ΠΎΠΉ, ΠΎΡ‚ наимСньшСго ΠΈΠ»ΠΈ наибольшСго.
  2. Π’Π½ΡƒΡ‚Ρ€ΠΈ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ° самая большая сторона ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π° называСтся Π΄Π»ΠΈΠ½ΠΎΠΉ, Π° самая короткая ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π° называСтся ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉ.
  3. Π’ Ρ‚Ρ€Π΅Ρ…ΠΌΠ΅Ρ€Π½ΠΎΠΉ ΠΌΠΎΠ΄Π΅Π»ΠΈ сторона Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠΉ повСрхности называСтся ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉ, Π° сторона Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠΉ повСрхности — Π΄Π»ΠΈΠ½ΠΎΠΉ.
  4. ΠŸΡ€ΠΎΡ‰Π΅ говоря, ΠΌΡ‹ Π³ΠΎΠ²ΠΎΡ€ΠΈΠΌ, Ρ‡Ρ‚ΠΎ ΡˆΠΈΡ€ΠΈΠ½Π° — это Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ΠΎΠ±ΡŠΡΡΠ½ΡΠ΅Ρ‚, насколько ΡˆΠΈΡ€ΠΎΠΊ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚, Ρ‚ΠΎΠ³Π΄Π° ΠΊΠ°ΠΊ Π΄Π»ΠΈΠ½Π° опрСдСляСт Π΄Π»ΠΈΠ½Ρƒ элСмСнта.
  5. Π•Π΄ΠΈΠ½ΠΈΡ†Ρ‹ измСрСния Π΄Π»ΠΈΠ½Ρ‹ ΠΈ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ Ρ‚Π°ΠΊΠΈΠ΅ ΠΆΠ΅, ΠΊΠ°ΠΊ ΠΈ ΠΌΠ΅Ρ‚Ρ€.
  6. Для ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π° Π² Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠΉ ΠΆΠΈΠ·Π½ΠΈ самая большая сторона, которая Π΄Π΅Π»ΠΈΡ‚ инструмСнт Π½Π° ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ ΠΈΠ»ΠΈ Ρ‚Ρ€Π΅ΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ, самая большая — всСгда Π΄Π»ΠΈΠ½Π°, Ρ‚ΠΎΠ³Π΄Π° ΠΊΠ°ΠΊ стороны ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π° всСгда Π½Π°Π·Ρ‹Π²Π°ΡŽΡ‚ΡΡ ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉ.
  7. Π§Π΅Π»ΠΎΠ²Π΅ΠΊΠ° всСгда Π½Π°Π·Ρ‹Π²Π°ΡŽΡ‚ Π΄Π»ΠΈΠ½ΠΎΠΉ, Π° ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ всСгда Π½Π°Π·Ρ‹Π²Π°ΡŽΡ‚ Π΄Π»ΠΈΠ½ΠΎΠΉ ΠΈ ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉ.

ПояснСниС к видСо

Π Π΅ΠΊΠ»Π°ΠΌΠ° — ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠΈΡ‚ΡŒ Ρ‡Ρ‚Π΅Π½ΠΈΠ΅ Π½ΠΈΠΆΠ΅

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ ΡˆΠΈΡ€ΠΎΡ‚Π° Π² ΠΌΠ°Ρ‚Π΅ΠΌΠ°Ρ‚ΠΈΠΊΠ΅? — Π’ΠΈΠ΄Π΅ΠΎ ΠΈ стСнограмма ΡƒΡ€ΠΎΠΊΠ°

Π—Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΡˆΠΈΡ€ΠΈΠ½Ρ‹

Π’ ΠΌΠ°Ρ‚Π΅ΠΌΠ°Ρ‚ΠΈΠΊΠ΅ ΡˆΠΈΡ€ΠΈΠ½Π° ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для описания расстояния ΠΎΡ‚ ΠΏΡ€Π°Π²ΠΎΠΉ стороны Π΄ΠΎ Π»Π΅Π²ΠΎΠΉ стороны Ρ„ΠΈΠ³ΡƒΡ€Ρ‹.Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΠ΄ΡƒΠΌΠ°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ уТасно ΠΏΠΎΡ…ΠΎΠΆΠ΅ Π½Π° ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΡˆΠΈΡ€ΠΈΠ½Ρ‹. Π§Ρ‚ΠΎ ΠΆ, Ρ‚Ρ‹ ΠΏΡ€Π°Π²! Π‘Π»ΠΎΠ²Π° ΡˆΠΈΡ€ΠΈΠ½Π° ΠΈ ΡˆΠΈΡ€ΠΈΠ½Π° — синонимы!

ВзглянитС Π½Π° это ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Ρ€ΠΎΠ·ΠΎΠ²ΠΎΠ³ΠΎ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ°.

Π­Ρ‚ΠΎΡ‚ Ρ€ΠΎΠ·ΠΎΠ²Ρ‹ΠΉ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ ΠΈΠΌΠ΅Π΅Ρ‚ ΡˆΠΈΡ€ΠΈΠ½Ρƒ 20 дюймов.

ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, ΠΊΠ°ΠΊ ΡˆΠΈΡ€ΠΈΠ½Π° ΠΈΠ»ΠΈ ΡˆΠΈΡ€ΠΈΠ½Π° Ρ€ΠΎΠ·ΠΎΠ²ΠΎΠ³ΠΎ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ° составляСт 20 дюймов ΠΎΡ‚ Π»Π΅Π²ΠΎΠΉ стороны Π΄ΠΎ ΠΏΡ€Π°Π²ΠΎΠΉ.

ΠŸΠ»ΠΎΡ‰Π°Π΄ΡŒ

Π Π°Π½Π΅Π΅ Π² ΡƒΡ€ΠΎΠΊΠ΅ ΠΌΡ‹ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΠΏΠΎΠ³ΠΎΠ²ΠΎΡ€ΠΈΠ»ΠΈ ΠΎ ΠΏΠ»ΠΎΡ‰Π°Π΄ΠΈ, Ρ‚Π°ΠΊ Ρ‡Ρ‚ΠΎ Π΄Π°Π²Π°ΠΉΡ‚Π΅ ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠΈΠΌ этот Ρ€Π°Π·Π³ΠΎΠ²ΠΎΡ€. ΠžΠ±Π»Π°ΡΡ‚ΡŒ сообщаСт Π½Π°ΠΌ, сколько мСста Π²Π½ΡƒΡ‚Ρ€ΠΈ Ρ„ΠΈΠ³ΡƒΡ€Ρ‹. Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ ΠΌΡ‹ сосрСдоточимся Π½Π° поискС ΠΏΠ»ΠΎΡ‰Π°Π΄ΠΈ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ°.

Π§Ρ‚ΠΎΠ±Ρ‹ Π½Π°ΠΉΡ‚ΠΈ ΠΏΠ»ΠΎΡ‰Π°Π΄ΡŒ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ°, ΡƒΠΌΠ½ΠΎΠΆΡŒΡ‚Π΅ Π΄Π²Π° Π΅Π³ΠΎ измСрСния, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ ΡˆΠΈΡ€ΠΈΠ½Ρƒ ΠΈΠ»ΠΈ ΡˆΠΈΡ€ΠΈΠ½Ρƒ ΠΈ высоту ΠΈΠ»ΠΈ Π΄Π»ΠΈΠ½Ρƒ. НайдСм ΠΏΠ»ΠΎΡ‰Π°Π΄ΡŒ этого синСго ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ°.

Π­Ρ‚ΠΎΡ‚ синий ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ ΠΈΠΌΠ΅Π΅Ρ‚ ΡˆΠΈΡ€ΠΈΠ½Ρƒ 2 дюйма.

На этом рисункС синий ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ выглядит Ρ‚Π°ΠΊ, ΠΊΠ°ΠΊ Π±ΡƒΠ΄Ρ‚ΠΎ ΡˆΠΈΡ€ΠΈΠ½Π° синСго ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ° составляСт 2 дюйма, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΎΡ‚ Π΅Π³ΠΎ Π»Π΅Π²ΠΎΠΉ стороны Π΄ΠΎ ΠΏΡ€Π°Π²ΠΎΠΉ стороны 2 дюйма.ΠŸΠΎΡ…ΠΎΠΆΠ΅, Ρ‡Ρ‚ΠΎ высота синСго ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ° составляСт 12 дюймов, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΎΡ‚ Π΅Π³ΠΎ Π²Π΅Ρ€Ρ…Π° Π΄ΠΎ Π½ΠΈΠ·Π° 12 дюймов. Π§Ρ‚ΠΎΠ±Ρ‹ Π½Π°ΠΉΡ‚ΠΈ ΠΏΠ»ΠΎΡ‰Π°Π΄ΡŒ, ΡƒΠΌΠ½ΠΎΠΆΠ°Π΅ΠΌ ΡˆΠΈΡ€ΠΈΠ½Ρƒ ΠΈ высоту. Π’ΠΎΡ‚ Ρ„ΠΎΡ€ΠΌΡƒΠ»Π° для опрСдСлСния ΠΏΠ»ΠΎΡ‰Π°Π΄ΠΈ:

ΠŸΠ»ΠΎΡ‰Π°Π΄ΡŒ = Π¨ΠΈΡ€ΠΈΠ½Π° (ΡˆΠΈΡ€ΠΈΠ½Π°) x Высота (Π΄Π»ΠΈΠ½Π°)

ΠŸΠ»ΠΎΡ‰Π°Π΄ΡŒ = 2 x 12

ΠŸΠ»ΠΎΡ‰Π°Π΄ΡŒ = 24 ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚Π½Ρ‹Ρ… дюйма

Π’Π΅ΠΏΠ΅Ρ€ΡŒ, ΠΊΠΎΠ³Π΄Π° ΠΌΡ‹ Ρ€Π΅ΡˆΠΈΠ»ΠΈ ΡƒΡ€Π°Π²Π½Π΅Π½ΠΈΠ΅, Π΄Π°Π²Π°ΠΉΡ‚Π΅ сосрСдоточимся Π½Π° Π΅Π΄ΠΈΠ½ΠΈΡ† измСрСния Π½Π° ΠΌΠ³Π½ΠΎΠ²Π΅Π½ΠΈΠ΅. ΠŸΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΌΡ‹ ΡƒΠΌΠ½ΠΎΠΆΠΈΠ»ΠΈ 2 дюйма Π½Π° 12 дюймов, ΠΌΡ‹ Π΄Π°Π΅ΠΌ наш ΠΎΡ‚Π²Π΅Ρ‚ Π² ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚Π½Ρ‹Ρ… Π΄ΡŽΠΉΠΌΠ°Ρ…, Π° Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² Π΄ΡŽΠΉΠΌΠ°Ρ….Β«ΠšΠ²Π°Π΄Ρ€Π°Ρ‚Π½Π°ΡΒ» Ρ‡Π°ΡΡ‚ΡŒ Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚ Π½Π°ΠΌ, Ρ‡Ρ‚ΠΎ 24 — это ΠΏΠ»ΠΎΡ‰Π°Π΄ΡŒ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ°, Π° Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ΄Π½ΠΎ ΠΈΠ· Π΅Π³ΠΎ ΠΈΠ·ΠΌΠ΅Ρ€Π΅Π½ΠΈΠΉ, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ ΡˆΠΈΡ€ΠΈΠ½Π° ΠΈΠ»ΠΈ ΡˆΠΈΡ€ΠΈΠ½Π°, высота ΠΈΠ»ΠΈ Π΄Π»ΠΈΠ½Π°.

РСзюмС ΡƒΡ€ΠΎΠΊΠ°

Π¨ΠΈΡ€ΠΈΠ½Π° — это ΡˆΠΈΡ€ΠΈΠ½Π° Ρ„ΠΈΠ³ΡƒΡ€Ρ‹, ΠΎΠΏΠΈΡΡ‹Π²Π°ΡŽΡ‰Π°Ρ расстояниС ΠΎΡ‚ ΠΏΡ€Π°Π²ΠΎΠΉ стороны Π΄ΠΎ Π»Π΅Π²ΠΎΠΉ стороны Ρ„ΠΈΠ³ΡƒΡ€Ρ‹. Π§Ρ‚ΠΎΠ±Ρ‹ Π½Π°ΠΉΡ‚ΠΈ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ , ΠΈΠ»ΠΈ сколько мСста Π²Π½ΡƒΡ‚Ρ€ΠΈ Ρ„ΠΈΠ³ΡƒΡ€Ρ‹, ΠΌΡ‹ ΡƒΠΌΠ½ΠΎΠΆΠ°Π΅ΠΌ Π΅Π΅ Π΄Π²Π° измСрСния, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ ΡˆΠΈΡ€ΠΈΠ½Ρƒ ΠΈΠ»ΠΈ ΡˆΠΈΡ€ΠΈΠ½Ρƒ ΠΈ высоту ΠΈΠ»ΠΈ Π΄Π»ΠΈΠ½Ρƒ. Π€ΠΎΡ€ΠΌΡƒΠ»Π° для опрСдСлСния ΠΏΠ»ΠΎΡ‰Π°Π΄ΠΈ Ρ„ΠΈΠ³ΡƒΡ€Ρ‹:

ΠŸΠ»ΠΎΡ‰Π°Π΄ΡŒ = Π¨ΠΈΡ€ΠΈΠ½Π° (ΡˆΠΈΡ€ΠΈΠ½Π°) x Высота (Π΄Π»ΠΈΠ½Π°)

Π Π°Π·Π½ΠΈΡ†Π° ΠΌΠ΅ΠΆΠ΄Ρƒ ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉ ΠΈ ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉ

Автор: Admin

ΠšΠ»ΡŽΡ‡Π΅Π²ΠΎΠ΅ Ρ€Π°Π·Π»ΠΈΡ‡ΠΈΠ΅ — ΡˆΠΈΡ€ΠΈΠ½Π° ΠΈ ΡˆΠΈΡ€ΠΈΠ½Π°

Π₯отя слова ΡˆΠΈΡ€ΠΈΠ½Π° ΠΈ ΡˆΠΈΡ€ΠΈΠ½Π° Π·Π²ΡƒΡ‡Π°Ρ‚ ΠΏΠΎΡ‡Ρ‚ΠΈ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎ, ΠΌΠ΅ΠΆΠ΄Ρƒ двумя словами Π΅ΡΡ‚ΡŒ Ρ€Π°Π·Π½ΠΈΡ†Π°.Если Π²Ρ‹ посмотритС ΡΠ»ΠΎΠ²Π°Ρ€ΡŒ, Π²Ρ‹ Π·Π°ΠΌΠ΅Ρ‚ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎ ΡˆΠΈΡ€ΠΈΠ½Π° ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚ расстояниС ΠΎΡ‚ стороны ΠΊ сторонС ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°. ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, ΡˆΠΈΡ€ΠΈΠ½Π° относится ΠΊ ΠΈΠ·ΠΌΠ΅Ρ€Π΅Π½ΠΈΡŽ ΠΈΠ»ΠΈ протяТСнности Ρ‡Π΅Π³ΠΎ-Π»ΠΈΠ±ΠΎ ΠΈΠ· стороны Π² сторону. Π­Ρ‚ΠΎ ясно ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Π½Π° Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ΠΎΠ±Π° слова, ΠΏΠΎΡ…ΠΎΠΆΠ΅, ΠΈΠΌΠ΅ΡŽΡ‚ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎΠ΅ объяснСниС расстояния ΠΎΡ‚ стороны ΠΊ сторонС ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°. Π­Ρ‚ΠΎ ΠΏΠΎΡ‚ΠΎΠΌΡƒ, Ρ‡Ρ‚ΠΎ слова ΠΎΡ‡Π΅Π½ΡŒ связаны Π΄Ρ€ΡƒΠ³ с Π΄Ρ€ΡƒΠ³ΠΎΠΌ. Однако ΠΌΠ΅ΠΆΠ΄Ρƒ этими двумя словами Π΅ΡΡ‚ΡŒ нСбольшая Ρ€Π°Π·Π½ΠΈΡ†Π°. ΠšΠ»ΡŽΡ‡Π΅Π²ΠΎΠ΅ Ρ€Π°Π·Π»ΠΈΡ‡ΠΈΠ΅ ΠΌΠ΅ΠΆΠ΄Ρƒ ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉ ΠΈ ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉ Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ слово ΡˆΠΈΡ€ΠΈΠ½Π° ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для измСрСния .Π’ этом смыслС ΠΎΠ½ рассчитываСт расстояниС. Π‘ Π΄Ρ€ΡƒΠ³ΠΎΠΉ стороны, ΡˆΠΈΡ€ΠΈΠ½Π° ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ ΠΈ для Π΄Ρ€ΡƒΠ³ΠΈΡ… Ρ†Π΅Π»Π΅ΠΉ . НапримСр, ΠΎΠ½ Ρ‚Π°ΠΊΠΆΠ΅ Π·Π°Ρ…Π²Π°Ρ‚Ρ‹Π²Π°Π΅Ρ‚ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ качСства ΠΈ особСнности. Π’ этой ΡΡ‚Π°Ρ‚ΡŒΠ΅ ΠΏΠΎΠ·Π²ΠΎΠ»ΡŒΡ‚Π΅ Π½Π°ΠΌ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ Ρ‡Π΅Ρ‚ΠΊΠΎΠ΅ прСдставлСниС ΠΎ Π½ΠΈΡ… Π½Π° Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°Ρ….

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ ΡˆΠΈΡ€ΠΈΠ½Π°?

Π¨ΠΈΡ€ΠΈΠ½Π° ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚ расстояниС ΠΎΡ‚ стороны Π΄ΠΎ стороны ΠΏΡ€Π΅Π΄ΠΌΠ΅Ρ‚Π°. Π‘ΡƒΡ‰Π΅ΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ΅ Π­Ρ‚ΠΎ слово ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ, ΠΊΠΎΠ³Π΄Π° говорящий Ρ…ΠΎΡ‡Π΅Ρ‚ Π²Ρ‹Ρ€Π°Π·ΠΈΡ‚ΡŒ, насколько ΡˆΠΈΡ€ΠΎΠΊ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚. НапримСр, ΠΊΠΎΠ³Π΄Π° ΠΊΡ‚ΠΎ-Ρ‚ΠΎ ΡΠΏΡ€Π°ΡˆΠΈΠ²Π°Π΅Ρ‚ ΠΎ ΠΌΠ°ΡΡˆΡ‚Π°Π±Π°Ρ… Ρ‡Π΅Π³ΠΎ-Π»ΠΈΠ±ΠΎ, это явно относится ΠΊ ΠΈΠ·ΠΌΠ΅Ρ€Π΅Π½ΠΈΡŽ.

Π­Ρ‚ΠΎ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ для Π·Π°Ρ…Π²Π°Ρ‚Π° Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½Π° ΠΈΠ»ΠΈ объСма Ρ‡Π΅Π³ΠΎ-Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π·Π°Ρ…Π²Π°Ρ‡Π΅Π½ΠΎ количСствСнно . Π­Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½Ρ‹ΠΉ Π½Π°Π²Ρ‹ΠΊ ΠΈΠ»ΠΈ знания Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊΠ°. Π”Π°Π²Π°ΠΉΡ‚Π΅ рассмотрим ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π»ΡƒΡ‡ΡˆΠ΅ ΠΏΠΎΠ½ΡΡ‚ΡŒ это.

Когда ΠΎΠ½ Π½Π°Ρ‡Π°Π» ΠΎΠ±Ρ€Π°Ρ‰Π°Ρ‚ΡŒΡΡ ΠΊ Π°ΡƒΠ΄ΠΈΡ‚ΠΎΡ€ΠΈΠΈ, ΡˆΠΈΡ€ΠΎΡ‚Π° Π΅Π³ΠΎ Π·Π½Π°Π½ΠΈΠΉ стала ΠΎΡ‡Π΅Π²ΠΈΠ΄Π½ΠΎΠΉ.

Из этого ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° Π²ΠΈΠ΄Π½ΠΎ, Ρ‡Ρ‚ΠΎ Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊ ΠΏΠΎΡ€Π°ΠΆΠ΅Π½ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΎΠΌ ΠΈ Ρ€Π°Π·Π½ΠΎΠΎΠ±Ρ€Π°Π·ΠΈΠ΅ΠΌ Π·Π½Π°Π½ΠΈΠΉ говорящСго.Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΠΏΠ΅Ρ€Π΅ΠΉΠ΄Π΅ΠΌ ΠΊ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΉ ΡˆΠΈΡ€ΠΈΠ½Π΅ слова.

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ ΡˆΠΈΡ€ΠΈΠ½Π°?

Π¨ΠΈΡ€ΠΈΠ½Π° относится ΠΊ ΠΈΠ·ΠΌΠ΅Ρ€Π΅Π½ΠΈΡŽ ΠΈΠ»ΠΈ протяТСнности Ρ‡Π΅Π³ΠΎ-Π»ΠΈΠ±ΠΎ ΠΈΠ· стороны Π² сторону. Π­Ρ‚ΠΎ просто ΠΎΠ±ΡŠΡΡΠ½ΡΠ΅Ρ‚, насколько Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ ΡˆΠΈΡ€ΠΎΠΊΠΎΠ΅. Π”Π°Π²Π°ΠΉΡ‚Π΅ посмотрим Π½Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€.

Она сказала ΠΌΠ½Π΅, Ρ‡Ρ‚ΠΎ ΠΎΠ½ Π±Ρ‹Π» ΠΎΠΊΠΎΠ»ΠΎ ΡˆΠ΅ΡΡ‚ΠΈ ΠΌΠ΅Ρ‚Ρ€ΠΎΠ² Π² ΡˆΠΈΡ€ΠΈΠ½Ρƒ.

Π­Ρ‚ΠΎ явно относится ΠΊ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠΌΡƒ ΠΈΠ·ΠΌΠ΅Ρ€Π΅Π½ΠΈΡŽ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°. ΠœΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ слово Β«ΡˆΠΈΡ€ΠΈΠ½Π°Β» для обозначСния Π΄ΠΎΡ€ΠΎΠ³, Ρ‚Ρ€ΠΎΠΏΠΈΠ½ΠΎΠΊ. НапримСр, ΠΊΠΎΠ³Π΄Π° ΠΌΡ‹ Ρ…ΠΎΡ‚ΠΈΠΌ ΡΠΊΠ°Π·Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ Π΄ΠΎΡ€ΠΎΠ³Π° ΠΎΡ‡Π΅Π½ΡŒ ΡˆΠΈΡ€ΠΎΠΊΠ°Ρ, ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΡˆΠΈΡ€ΠΈΠ½Ρƒ слова.НСкоторыС ΡΡ‡ΠΈΡ‚Π°ΡŽΡ‚, Ρ‡Ρ‚ΠΎ ΡˆΠΈΡ€ΠΈΠ½Π° ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ² Π±ΡƒΠΊΠ²Π°Π»ΡŒΠ½ΠΎ, Π² ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠ΅ ΠΎΡ‚ дыхания, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π² пСрСносном смыслС. НапримСр, ΠΊΠΎΠ³Π΄Π° ΠΌΡ‹ Π³ΠΎΠ²ΠΎΡ€ΠΈΠΌ ΠΎ Π·Π½Π°Π½ΠΈΠΈ, ΠΎΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ скорСС Π² пСрСносном, Ρ‡Π΅ΠΌ Π² Π±ΡƒΠΊΠ²Π°Π»ΡŒΠ½ΠΎΠΌ смыслС. Π­Ρ‚ΠΎ Π³Π»Π°Π²Π½ΠΎΠ΅ Ρ€Π°Π·Π»ΠΈΡ‡ΠΈΠ΅ ΠΌΠ΅ΠΆΠ΄Ρƒ двумя словами. Π­Ρ‚Ρƒ Ρ€Π°Π·Π½ΠΈΡ†Ρƒ ΠΌΠΎΠΆΠ½ΠΎ Ρ€Π΅Π·ΡŽΠΌΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ.

Π’ Ρ‡Π΅ΠΌ Ρ€Π°Π·Π½ΠΈΡ†Π° ΠΌΠ΅ΠΆΠ΄Ρƒ ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉ ΠΈ ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉ?

ΠžΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΡ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ ΠΈ ΡˆΠΈΡ€ΠΈΠ½Ρ‹:

Π¨ΠΈΡ€ΠΈΠ½Π°: Π¨ΠΈΡ€ΠΈΠ½Π° ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚ расстояниС ΠΎΡ‚ стороны Π΄ΠΎ стороны ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°.

Π¨ΠΈΡ€ΠΈΠ½Π°: Π¨ΠΈΡ€ΠΈΠ½Π° относится ΠΊ ΠΈΠ·ΠΌΠ΅Ρ€Π΅Π½ΠΈΡŽ ΠΈΠ»ΠΈ протяТСнности Ρ‡Π΅Π³ΠΎ-Π»ΠΈΠ±ΠΎ ΠΈΠ· стороны Π² сторону.

ЗначСния ΡˆΠΈΡ€ΠΈΠ½Ρ‹ ΠΈ ΡˆΠΈΡ€ΠΈΠ½Ρ‹:

Π˜Π·ΠΌΠ΅Ρ€Π΅Π½ΠΈΡ:

Π¨ΠΈΡ€ΠΈΠ½Π°: Π¨ΠΈΡ€ΠΈΠ½Π° ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ для измСрСния, Π° Ρ‚Π°ΠΊΠΆΠ΅ для Π±ΠΎΠ»Π΅Π΅ качСствСнных ΠΈΠ·ΠΌΠ΅Ρ€Π΅Π½ΠΈΠΉ, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ ΡˆΠΈΡ€ΠΎΡ‚Π° Π·Π½Π°Π½ΠΈΠΉ.

Π¨ΠΈΡ€ΠΈΠ½Π°: Π¨ΠΈΡ€ΠΈΠ½Π° ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для измСрСния.

ΠžΠ±ΡŠΠ΅ΠΊΡ‚:

Π¨ΠΈΡ€ΠΈΠ½Π°: Π¨ΠΈΡ€ΠΈΠ½Π° Π·Π°Ρ…Π²Π°Ρ‚Ρ‹Π²Π°Π΅Ρ‚ ΠΊΠ°ΠΊ Π±ΡƒΠΊΠ²Π°Π»ΡŒΠ½Ρ‹Π΅, Ρ‚Π°ΠΊ ΠΈ ΠΎΠ±Ρ€Π°Π·Π½Ρ‹Π΅ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹.

Π¨ΠΈΡ€ΠΈΠ½Π°: Π¨ΠΈΡ€ΠΈΠ½Π° Π² основном Π·Π°Ρ…Π²Π°Ρ‚Ρ‹Π²Π°Π΅Ρ‚ Π±ΡƒΠΊΠ²Π°Π»ΡŒΠ½Ρ‹Π΅ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹.

Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ прСдоставлСно:

1. Youtube-спикСр с Π°ΡƒΠ΄ΠΈΡ‚ΠΎΡ€ΠΈΠ΅ΠΉ ΠšΡ€ΠΈΡΡ‚ΠΈΠ½Π° Π‘Π°ΠΏΠ°Ρ‚Π° ΠŸΠ΅Ρ€Π΅Ρ (собствСнная Ρ€Π°Π±ΠΎΡ‚Π°) [CC BY-SA 4.0], Ρ‡Π΅Ρ€Π΅Π· Wikimedia Commons

2. Ѐинская Π½Π°Ρ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Π°Ρ Π΄ΠΎΡ€ΠΎΠ³Π° 4 ΡˆΠΈΡ€ΠΎΠΊΠ°Ρ ΠΎΠ±ΠΎΡ‡ΠΈΠ½Π° Автор Adbar (собствСнная Ρ€Π°Π±ΠΎΡ‚Π°) [CC BY-SA 3.0], Ρ‡Π΅Ρ€Π΅Π· Wikimedia Commons

.