http://www.tutorialspoint.com/css/css_dimension.htm
css3圆角 时间:2021-02-11 阅读:()
Copyrighttutorialspoint.
comCSS-DIMENSIONCSS-DIMENSIONYouhaveseentheborderthatsurroundseveryboxie.
element,thepaddingthatcanappearinsideeachboxandthemarginthatcangoaroundthem.
Inthistutorialwewillhowwecanchangethedimensionsofboxes.
Wehavethefollowingpropertiesthatallowyoutocontrolthedimensionsofabox.
Theheightpropertyisusedtosettheheightofabox.
Thewidthpropertyisusedtosetthewidthofabox.
Theline-heightpropertyisusedtosettheheightofalineoftext.
Themax-heightpropertyisusedtosetamaximumheightthataboxcanbe.
Themin-heightpropertyisusedtosettheminimumheightthataboxcanbe.
Themax-widthpropertyisusedtosetthemaximumwidththataboxcanbe.
Themin-widthpropertyisusedtosettheminimumwidththataboxcanbe.
TheHeightandWidthPropertiesTheheightandwidthpropertiesallowyoutosettheheightandwidthforboxes.
Theycantakevaluesofalength,apercentage,orthekeywordauto.
HereisanexampleThisparagraphis400pixelswideand100pixelshighItwillproducethefollowingresultTheline-heightPropertyTheline-heightpropertyallowsyoutoincreasethespacebetweenlinesoftext.
Thevalueoftheline-heightpropertycanbeanumber,alength,orapercentage.
HereisanexampleThisparagraphis400pixelswideand100pixelshighandherelineheightis30pixels.
Thisparagraphis400pixelswideand100pixelshighandherelineheightis30pixels.
ItwillproducethefollowingresultThemax-heightPropertyThemax-heightpropertyallowsyoutospecifymaximumheightofabox.
Thevalueofthemax-heightpropertycanbeanumber,alength,orapercentage.
NOTEThispropertydoesnotworkineitherNetscape7orIE6.
HereisanexampleThisparagraphis400pxwideandmaxheightis10pxThisparagraphis400pxwideandmaxheightis10pxThisparagraphis400pxwideandmaxheightis10pxThisparagraphis400pxwideandmaxheightis10pxItwillproducethefollowingresultThemin-heightPropertyThemin-heightpropertyallowsyoutospecifyminimumheightofabox.
Thevalueofthemin-heightpropertycanbeanumber,alength,orapercentage.
NOTEThispropertydoesnotworkineitherNetscape7orIE6.
HereisanexampleThisparagraphis400pxwideandminheightis200pxThisparagraphis400pxwideandminheightis200pxThisparagraphis400pxwideandminheightis200pxThisparagraphis400pxwideandminheightis200pxItwillproducethefollowingresultThemax-widthPropertyThemax-widthpropertyallowsyoutospecifymaximumwidthofabox.
Thevalueofthemax-widthpropertycanbeanumber,alength,orapercentage.
NOTEThispropertydoesnotworkineitherNetscape7orIE6.
HereisanexampleThisparagraphis200pxhighandmaxwidthis100pxThisparagraphis200pxhighandmaxwidthis100pxItwillproducethefollowingresultThemin-widthPropertyThemin-widthpropertyallowsyoutospecifyminimumwidthofabox.
Thevalueofthemin-widthpropertycanbeanumber,alength,orapercentage.
NOTEThispropertydoesnotworkineitherNetscape7orIE6.
HereisanexampleThisparagraphis100pxhighandminwidthis400pxThisparagraphis100pxhighandminwidthis400pxItwillproducethefollowingresult
comCSS-DIMENSIONCSS-DIMENSIONYouhaveseentheborderthatsurroundseveryboxie.
element,thepaddingthatcanappearinsideeachboxandthemarginthatcangoaroundthem.
Inthistutorialwewillhowwecanchangethedimensionsofboxes.
Wehavethefollowingpropertiesthatallowyoutocontrolthedimensionsofabox.
Theheightpropertyisusedtosettheheightofabox.
Thewidthpropertyisusedtosetthewidthofabox.
Theline-heightpropertyisusedtosettheheightofalineoftext.
Themax-heightpropertyisusedtosetamaximumheightthataboxcanbe.
Themin-heightpropertyisusedtosettheminimumheightthataboxcanbe.
Themax-widthpropertyisusedtosetthemaximumwidththataboxcanbe.
Themin-widthpropertyisusedtosettheminimumwidththataboxcanbe.
TheHeightandWidthPropertiesTheheightandwidthpropertiesallowyoutosettheheightandwidthforboxes.
Theycantakevaluesofalength,apercentage,orthekeywordauto.
HereisanexampleThisparagraphis400pixelswideand100pixelshighItwillproducethefollowingresultTheline-heightPropertyTheline-heightpropertyallowsyoutoincreasethespacebetweenlinesoftext.
Thevalueoftheline-heightpropertycanbeanumber,alength,orapercentage.
HereisanexampleThisparagraphis400pixelswideand100pixelshighandherelineheightis30pixels.
Thisparagraphis400pixelswideand100pixelshighandherelineheightis30pixels.
ItwillproducethefollowingresultThemax-heightPropertyThemax-heightpropertyallowsyoutospecifymaximumheightofabox.
Thevalueofthemax-heightpropertycanbeanumber,alength,orapercentage.
NOTEThispropertydoesnotworkineitherNetscape7orIE6.
HereisanexampleThisparagraphis400pxwideandmaxheightis10pxThisparagraphis400pxwideandmaxheightis10pxThisparagraphis400pxwideandmaxheightis10pxThisparagraphis400pxwideandmaxheightis10pxItwillproducethefollowingresultThemin-heightPropertyThemin-heightpropertyallowsyoutospecifyminimumheightofabox.
Thevalueofthemin-heightpropertycanbeanumber,alength,orapercentage.
NOTEThispropertydoesnotworkineitherNetscape7orIE6.
HereisanexampleThisparagraphis400pxwideandminheightis200pxThisparagraphis400pxwideandminheightis200pxThisparagraphis400pxwideandminheightis200pxThisparagraphis400pxwideandminheightis200pxItwillproducethefollowingresultThemax-widthPropertyThemax-widthpropertyallowsyoutospecifymaximumwidthofabox.
Thevalueofthemax-widthpropertycanbeanumber,alength,orapercentage.
NOTEThispropertydoesnotworkineitherNetscape7orIE6.
HereisanexampleThisparagraphis200pxhighandmaxwidthis100pxThisparagraphis200pxhighandmaxwidthis100pxItwillproducethefollowingresultThemin-widthPropertyThemin-widthpropertyallowsyoutospecifyminimumwidthofabox.
Thevalueofthemin-widthpropertycanbeanumber,alength,orapercentage.
NOTEThispropertydoesnotworkineitherNetscape7orIE6.
HereisanexampleThisparagraphis100pxhighandminwidthis400pxThisparagraphis100pxhighandminwidthis400pxItwillproducethefollowingresult
- http://www.tutorialspoint.com/css/css_dimension.htm相关文档
- 学时css3圆角
- 设计css3圆角
- 广西css3圆角
- 支持css3圆角
- 产品css3圆角
- 圆弧css3圆角
乐凝网络支持24小时无理由退款，香港HKBN/美国CERA云服务器,低至9.88元/月起
乐凝网络怎么样?乐凝网络是一家新兴的云服务器商家，目前主要提供香港CN2 GIA、美国CUVIP、美国CERA、日本东京CN2等云服务器及云挂机宝等服务。乐凝网络提供比同行更多的售后服务，让您在使用过程中更加省心，使用零云服务器，可免费享受超过50项运维服务，1分钟内极速响应，平均20分钟内解决运维问题，助您无忧上云。目前，香港HKBN/美国cera云服务器,低至9.88元/月起,支持24小时无理...
HoRain Cloud：国内特价物理机服务器,镇江机房,内地5线BGP接入,月付499元起
horain怎么样?horain cloud是一家2019年成立的国人主机商家，隶属于北京辰帆科技有限公司，horain持有增值电信业务经营许可证(B1-20203595)，与中国电信天翼云、腾讯云、华为云、UCloud、AWS等签署渠道合作协议，主要提企业和个人提供云服务器，目前商家推出了几款特价物理机，都是在内地，性价比不错，其中有目前性能比较强悍的AMD+NVMe系列。点击进入：horain...
Digital-VM暑期全场六折优惠,8个机房
Digital-VM商家目前也在凑热闹的发布六月份的活动，他们家的机房蛮多的有提供8个数据中心，包括日本、洛杉矶、新加坡等。这次六月份的促销活动全场VPS主机六折优惠。Digital-VM商家还是有一点点特点的，有提供1Gbps和10Gbps带宽的VPS主机，如果有需要大带宽的VPS主机可以看看。第一、商家优惠码优惠码：June40全场主机六折优惠，不过仅可以月付、季付。第二、商家VPS主机套餐1...
css3圆角为你推荐
-
模块ios8支持ipad支持ipad深圳市富满电子集团股份有限公司iphone连不上wifi苹果iphone6/plus wifi连接不上怎么办tcpip上的netbios怎么启用TCP/IP上的NetBIOS谷歌sb在谷歌里搜SB为什么结果中第一个是百度css选择器CSS中的选择器分几种？android5.1安卓系统5.1好吗ios10.0.3iphone se ios10.0.3能完美越狱吗？